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

来源：4-4 清除浮动2

P妞酱酱

2016-12-13

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

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

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

写回答

1回答

姜维

2017-01-25

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

响应式开发一招致胜

用一套代码开发出不受设备型号、尺寸限制的互联网金融网站

4021 学习 · 752 问题

相似问题

回答 3

回答 1

回答 1

回答 1

回答 2