码迷,mamicode.com
首页 > 其他好文 > 详细

浮动小技巧

时间:2017-05-18 20:15:05      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:bfc   overflow:hidden   

浮动给我们带来了便利,同时它也有一部分的缺点


1、浮动后盒子的高度为0

解决办法:BFC

我们给他的父级元素一个overflow:hidden;会激活BFC,高度会自动计算到里面。

当然,也有其他的办法解决,比如:清除浮动,在这里我只记录了我最近用的这种方法。


2、页面缩小后,有边框的浮动元素,会掉下来,因为页面变小后,border会变宽,页面放不下自然会掉下来

解决办法:给父级盒子的宽度加大,给个overflow:hidden;

eg:

技术分享



本文出自 “浅谈fis3与postcss” 博客,请务必保留此出处http://12885303.blog.51cto.com/12875303/1926971

浮动小技巧

标签:bfc   overflow:hidden   

原文地址:http://12885303.blog.51cto.com/12875303/1926971

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!