什么是BFC?
BFC格式化上下文，它是一个独立的渲染区域，让处于BFC内部的元素和外部的元素相互隔 离，使内外元素的定位不会相互影响
如何产生BFC?
display: inline-block
position： absolute/fixed
BFC作用
BFC最大的一个作用就是：在页面上有一个独立隔离容器，容器内的元素和容器外的元素布局 不会相互影响
解决上外边距重叠；重叠的两个box都开启bfc;
解决浮动引起高度塌陷；容器盒子开启bfc
解决文字环绕图片；左边图片div,右边文字容器p,将p容器开启bfc
Was this helpful?
0 / 0