使用伪元素解决浮动子元素造成的父元素塌陷问题

.nav::after{
    content:"";
    clear:both;/*清除浮动*/
    display:block;/*确保该元素是一个块级元素*/
}

使用伪元素的好处是避免清除浮动时添加多余的标签 是逼格比较高的一种写法

可惜兼容性比较差

如果要兼容性更好 建议在浮动元素后面添加一个DIV

并添加 clear:both 属性