百度新闻的css: .clearfix{zoom:1} .clearfix:after{clear:both;content:’.’;display:block;font-size:0;line-height:0;visibility:hidden;height:0}

目的：清除浮层，包括内容和占位。 clearfix 是应用于内容有浮动的情况，这是一种标准且通用的写法. 实现：在公用css或者base.styl里面写入 .clearfixdisplay: inline-block&:afterdisplay: blockcontent: "."height: 0line-height: 0clear: bothvisibility: hidden

在CSS中，清除浮动（clearfix）是一种解决元素浮动造成的父元素高度塌陷的技术。当一个元素浮动后，其父元素可能会因为没有包含浮动元素而无法正确计算高度，导致父元素的高度塌陷，影响布局。 清除浮动的常见方法是使用clearfix技术，通过在父元素上应用特定的样式规则来修复高度塌陷问题。 以下是一个常用的clearfix样式规则： .clearfix::after {content: "

在写项目时可以写一个这样的类用来解决高度塌陷和边距重叠问题。 .clearfix:before,.clearfix:after{content: "";display: table;clear: both;} 因为IE8及以下的版本不兼容before和after伪类，所以可以再写一个样式解决： .clearfix{display: block;zoom: 1;}