@FunC
2017-02-23T11:33:25.000000Z
字数 1949
阅读 2083
todo
所以解决方法为:
1.父元素添加伪元素:before:content:"";display:table;使其成为非第一个元素(最佳方案)
2.触发父元素的BFC
3.给父元素添加极小的padding或border,使其不满足触发折叠条件.
浮动与清除浮动相关那些年我们一起清除过的浮动
通过上面的例子，我们不难发现清除浮动的方法可以分成两类：
一是利用 clear 属性，包括在浮动元素末尾添加一个带有 clear: both 属性的空 div 来闭合元素，其实利用 :after 伪元素的方法也是在元素末尾添加一个内容为一个点并带有 clear: both 属性的元素实现的。
二是触发浮动元素父元素的 BFC (Block Formatting Contexts, 块级格式化上下文)，使到该父元素可以包含浮动元素，关于这一点，下面会为大家进行详细的介绍。
--<深入理解清除浮动>
width:calc(100% - 100px);