清除浮动并不是去除浮动,而是将浮动带来的负面效果解决掉,因为浮动会产生高度坍塌
浮动的影响父元素无高度
父元素无高度后,父元素的兄弟元素会向上
如何解决浮动带来的问题?
- 利用高度解决(给父元素高度,弊端是未必知道子元素的高度)
- 父元素也浮动(会影响父元素的兄弟元素)
- 父元素溢出隐藏(overflow)
- 使用伪元素模拟在父元素最后创建一个空白标签
.baba::after{
content: "";
display: block;
clear: both;
}
清除浮动并不是去除浮动,而是将浮动带来的负面效果解决掉,因为浮动会产生高度坍塌
浮动的影响父元素无高度
父元素无高度后,父元素的兄弟元素会向上
如何解决浮动带来的问题?
.baba::after{
content: "";
display: block;
clear: both;
}