试题详情
简答题解释下浮动和它的工作原理？清除浮动的技巧。
  • 浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。
    1.使用空标签清除浮动。这种方法是在所有浮动标签后面添加一个空标签定义cssclear：both.弊端就是增加了无意义标签。
    2.使用overflow。给包含浮动元素的父标签添加css属性overflow：auto；zoom：1；zoom：1用于兼容IE6。
    3.使用after伪对象清除浮动。该方法只适用于非IE浏览器。具体写法可参照以下示例。
    使用中需注意：该方法中必须为需要清除浮动元素的伪对象中设置height：0，否则该元素会比实际高出若干像素.

  • 关注下方微信公众号，在线模考后查看

热门试题