多语言展示
当前在线:1436今日阅读:176今日分享:34

前端-利用BFC清除浮动

当浮动产生影响的时候,可以利用BFC来清除浮动的影响,下面内容均有黑马程序员整理。
方法/步骤
1

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

2

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

3

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

推荐信息