css中清除父级的浮动怎么弄

在CSS设计中，浮动元素是经常用到的技术，但是在使用浮动元素时，会出现一些意料之外的问题。其中之一就是父级元素不能自适应浮动元素的高度。这是因为浮动元素脱离了文档流，而父级元素并没有相应的调整，导致父级元素无法正确计算高度。为了解决这个问题，我们需要使用CSS中的清除浮动技术。
清除浮动的基本概念是消除所有浮动，使元素回到文档流中。当在浮动元素之后添加一个空元素div，并设置其clear属性为both时，即可清除浮动，使父元素自适应高度。下面是清除浮动的基本代码：

.clearfix:after {
    content:"";
    display:table;
    clear:both;
}
.clearfix {
    *zoom:1; /* IE6、IE7 等浏览器支持zoom属性，可以防止在IE6/7浏览器下样式表达不正确的问题 */
} 

在上述代码中，clearfix是我们为元素设置的一个自定义class，它的作用是清除浮动。在此代码中，我们为clearfix添加了一个伪元素:after，然后将该元素的content设置为空，display设置为table，将clear设置为both。这样，即可立即清除元素的浮动状态。
清除浮动的步骤总结如下：
1. 选择需要清除浮动的元素
2. 在CSS中添加一个自定义class，如clearfix
3. 在此class下添加一个伪元素:after
4. 为伪元素添加content、display和clear属性
5. 使用或其他元素将清除浮动添置页面中
总之，清除浮动是CSS设计中的一个重要技术，它可以解决浮动元素在文档流中引起的许多问题。通过清除浮动，我们可以让父元素正确计算高度，从而获得更好的页面设计效果。