高度坍塌 css

概述:高度坍塌的根源-常规流盒子的自动高度, 在计算时不会考虑浮动盒子 这时候浮动盒子超出常规流盒子的高度叫 高度坍塌 用css属性 清除浮动(clear) 解决 **清除浮动 clear** - 默认值:none - left:清除左浮动 该元素必须出现在前面所有左浮动盒子的下方 - right:清除右浮动 该元素必须出现在前面所有右浮动盒子的下方 - both:清除左右浮动 该元素必须出现在前面所有浮动盒子的下方 解决方法: 在高度坍塌的浮动盒子下方添加一个常规流盒子 给这个元素添加一个 clear=“both”;就能解决 在高度坍塌元素的父元素中添加样式 clearfix 再