- 博客(2)
- 收藏
- 关注
原创 BFC 块级格式化上下文
(1)解决高度塌陷的问题:在对子元素设置浮动后,父元素会发生高度塌陷,也就是父元素的高度变为0。通俗的讲,就是一个特殊的块,内部有自己的布局方式,不受外边元素的影响。这个外边距的高度等于两个发生折叠的外边距的高度中的较大者。解决margin的重叠问题:由于BFC是一个独立的区域,内部的元素和外部的元素互不影响,将两个元素变为两个BFC,就解决了margin重叠的问题。BFC就是页面上的一个独立容器,容器里面的子元素不会影响到外面的元素,外边的也不会影响里边的。计算BFC的高度时,浮动元素也被计算在内。
2023-03-18 14:14:26
70
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人