当父元素没有给定高度,子元素浮动时,父元素就不能被撑起来,导致高度塌陷
父元素后面的元素会被子元素遮挡。
解决方法:
一、使用伪元素清除浮动
div::after{
content:"";
clear:both; //清除浮动
display:block; //确保是块级元素
}
二、在父元素后面加一个空div 并清除浮动 但是会导致多了一行无意义代码
当父元素没有给定高度,子元素浮动时,父元素就不能被撑起来,导致高度塌陷
父元素后面的元素会被子元素遮挡。
解决方法:
一、使用伪元素清除浮动
div::after{
content:"";
clear:both; //清除浮动
display:block; //确保是块级元素
}
二、在父元素后面加一个空div 并清除浮动 但是会导致多了一行无意义代码