CSS布局基础BFC(2)

发布时间：2020-03-15 13:57 所属栏目：52 来源：站长网

导读：现在我们知道了，这是因为浮动元素创建了一个新的BFC，成为了一个独立的容器，不会影响到外面的父元素了。它的定位规则不再受制于这个父元素了。如何解决这一问题？我们知道只要在在父元素加上overflow:hidden可以

现在我们知道了，这是因为浮动元素创建了一个新的BFC，成为了一个独立的容器，不会影响到外面的父元素了。它的定位规则不再受制于这个父元素了。如何解决这一问题？我们知道只要在在父元素加上overflow:hidden可以清除浮动。但是这又是为什么？

其实，这就是前面提到的overflow:hidden可以生成一个新的BFC，而这个浮动的子元素，被它所包含了，从而成为一个独立容器，它的float外溢不了了，外面的元素不再受其浮动的影响，从而达到了清除浮动的作用。

（编辑：ASP站长网）