高度塌陷原因:浮动元素父元素高度自适应,父元素不写高度时,子元素写了浮动后,父元素就会发生高度塌陷 方法1:给父元素添加 overflow:hidden; 方法2:在浮动元素下方添加空div,并给该元素添加声明: clear:both;height:0;overflow:hidden; 方法3:万能清除法 选择符:after{content:"."; display:block; clear:both; height:0; overflow:hidden; visibility:hidden;}