前端面试题-clearfix(clearfloating)

，并在CSS中设置.clear{clear:both;}来清除浮动。原理：添加一个空标签，使用CSS改进的clear:both清除浮动，让父元素自动获取高度优点：简单，代码少，兼容所有浏览器缺点：在页面中添加标签会导致结构混乱建议：不推荐，此方法已过时2.:after伪元素在浮动元素的容器中添加一个clearfix类，然后在该类中添加一个:after伪元素来实现元素并添加一个不可见块元素（Blockelement）清除浮动元素。原理：加一个不可见的空格“/20”或点“.”容器内部元素通过CSS伪元素后，设置clear属性清除浮动。优点：更好的浏览器支持缺点：clearfix类需要添加zoom:1（触发haslayout）以支持IE6和IE7浏览器建议：推荐使用，设置公共类，减少CSS代码阅读更多