手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

前端-利用BFC清除浮动

时间:2024-10-11 18:28:00

1、以下代码表示,一个没有设置高度的父盒子,包含着七个子元素。如果此时,所有的子元素都浮动的话。

前端-利用BFC清除浮动

2、当所有的子元素都浮动了,这个时候,父盒子岳赎祝浦失去了原有的高度,这就是浮动的影响。这个时候,同样也可用BFC的机制,来清除浮动带来的影响。

前端-利用BFC清除浮动

3、使用BFC,将所有的浮动元素包裹起来。

前端-利用BFC清除浮动
© 手抄报圈