浮动塌陷:
浮动的元素会脱离文档流,不占位,也不能撑起父元素的高度
解决方法:
1.给父元素定义高度
2.给父元素添加overflow:hidden(溢出隐藏)属性
3.清除浮动(推荐):
方法一:
在一组浮动的元素后面再放一个块级元素,给这个元素定义样式为clear:both
方法二:
clearfix::after{
content:' ';
display:block;
clear:both;
visibility:hidden;
}
浮动塌陷:
浮动的元素会脱离文档流,不占位,也不能撑起父元素的高度
解决方法:
1.给父元素定义高度
2.给父元素添加overflow:hidden(溢出隐藏)属性
3.清除浮动(推荐):
方法一:
在一组浮动的元素后面再放一个块级元素,给这个元素定义样式为clear:both
方法二:
clearfix::after{
content:' ';
display:block;
clear:both;
visibility:hidden;
}