子元素浮动 父元素不能自动调节高度的问题

Posted 2020-07-26

我们知道，子元素浮动或者相对定位，元素都会脱离文档流。而父元素如果没有设置固定高度，在计算高度时，就不会计算浮动子元素所占的高度。但是，有时候我们需要父元素计算其所有子元素的的高度(包括浮动元素)来调整自己的宽高，以便调节自身的背景 border等，此时，只需要给父元素添加css属性： overflow：auto; zoom : 1;

父元素就会自动计算包括浮动子元素内所有子元素的高度来调整自己的高度。