利用BFC的特性清除浮动的原理。

Question

姜老师，您好，我看了您在这个问题的回答：http://coding.imooc.com/learn/questiondetail/1747.html

可是在2->3还是不很明白，您说利用BFC的三个特性，对父容器添加一些属性来形成BFC达到“清浮动”效果，设置成 display:table;就可以触发BFC清浮动，那为什么还需要content: '';和 clear: both;呢？

希望老师能再解释一下，谢谢~

Answer 1

姜维 2017-01-25 11:07:09

可以这样理解：display:table; 只是触发BFC，让父容器可以被子容器撑高，但是在什么位置撑高呢，需要有个 :after，也就是在后面添加个 clear:both，来标识出