当浮动产生影响的时候,可以利用BFC来清除浮动的影响,下面内容均有黑马程序员整理。
方法/步骤
1
以下代码表示,一个没有设置高度的父盒子,包含着七个子元素。如果此时,所有的子元素都浮动的话。
2
当所有的子元素都浮动了,这个时候,父盒子失去了原有的高度,这就是浮动的影响。这个时候,同样也可用BFC的机制,来清除浮动带来的影响。
3
使用BFC,将所有的浮动元素包裹起来。
上一篇:相亲要注意哪些事项
下一篇:马尔代夫为什么缺淡水
以下代码表示,一个没有设置高度的父盒子,包含着七个子元素。如果此时,所有的子元素都浮动的话。
当所有的子元素都浮动了,这个时候,父盒子失去了原有的高度,这就是浮动的影响。这个时候,同样也可用BFC的机制,来清除浮动带来的影响。
使用BFC,将所有的浮动元素包裹起来。