css中父元素清除浮动

在 CSS 中，当子元素浮动时，父元素会因无法自适应子元素尺寸而导致布局崩溃。这时我们可以使用一些方法来清除浮动。本文主要介绍父元素清除浮动的方法。

一般来说，清除浮动的方法有两种：一种是在每个浮动元素后添加一个具有清除浮动属性的空元素，即clearfix方法；另一种是给父元素添加overflow属性为hidden或auto。这两种方法在大多数情况下均适用，但本文主要介绍第二种方法。

.parent {
    overflow: hidden;
    /* OR */
    overflow: auto;
} 

添加 overflow 属性可以使得父元素包裹子元素，从而解决浮动元素导致的布局问题。其中，overflow 的值有两种，一种是 hidden，表示内容超出时会隐藏；另一种是 auto，表示当内容超出时会出现滚动条。

需要注意的是，当父元素的高度已经确定时，如固定高度或设置了 height 属性时，使用这种方法不会有任何效果。此时应该考虑使用其他方法。

总的来说，给父元素添加 overflow: hidden 或 auto 属性是一种简单有效的清除浮动方法，在实际开发中使用较为广泛。但在某些极端情况下，如父元素高度不确定，内容不定时，还需结合其他方法进行处理。