答:高度塌陷问题,由于子元素浮动,父元素没有设定高度,导致父元素出现高度坍塌
方法一:overflow:hidden,导致溢出内容被隐藏
方法二:清除浮动 clear:both;容易造成代码冗余
方法三:万能清除法,出现高度塌陷的元素:
after{
content: "";
clear:both;
height:0;
overflow:hidden;
display:block;
visibility:hidden;
用一个伪元素,设置高度为0
}
答:高度塌陷问题,由于子元素浮动,父元素没有设定高度,导致父元素出现高度坍塌
方法一:overflow:hidden,导致溢出内容被隐藏
方法二:清除浮动 clear:both;容易造成代码冗余
方法三:万能清除法,出现高度塌陷的元素:
after{
content: "";
clear:both;
height:0;
overflow:hidden;
display:block;
visibility:hidden;
用一个伪元素,设置高度为0
}