什么是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
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。