什么是BFC，如何开启BFC？

2023-12-30 14:35:58

BFC是元素自带的一个属性，默认是关闭的状态，一旦开启了，这个元素就会成为一个独立区块

具有一些特点，这些特点，可以帮助我们解决一些问题

1、开启BFC的元素，垂直方向外边距不会重叠

2、开启BFC的元素，不会被浮动元素覆盖

3、开启BFC的元素，会包含住浮动元素，可以解决高度塌陷问题

如何开启BFC？

1、设置浮动

可以解决高度塌陷问题，但宽度会丢失，且页面布局依然影响

2、将元素转成行内块

可以解决高度塌陷，但宽度会丢失，且有三像素问题

3、overflow属性 非visible值

副作用最小，建议使用

4、开启绝对定位

可以解决高度塌陷问题，但宽度会丢失，且页面布局依然影响

文章来源:https://blog.csdn.net/m0_56713342/article/details/135298103
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。