浮动给我们带来了便利,同时它也有一部分的缺点
1、浮动后盒子的高度为0
解决办法:BFC
我们给他的父级元素一个overflow:hidden;会激活BFC,高度会自动计算到里面。
当然,也有其他的办法解决,比如:清除浮动,在这里我只记录了我最近用的这种方法。
2、页面缩小后,有边框的浮动元素,会掉下来,因为页面变小后,border会变宽,页面放不下自然会掉下来
解决办法:给父级盒子的宽度加大,给个overflow:hidden;
eg:
本文出自 “浅谈fis3与postcss” 博客,请务必保留此出处http://12885303.blog.51cto.com/12875303/1926971
原文地址:http://12885303.blog.51cto.com/12875303/1926971