简答题

解释下浮动和它的工作原理?清除浮动的技巧。

正确答案

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

答案解析

相似试题
  • 清除浮动可以用以下哪种属性()。

    单选题查看答案

  • 元素浮动之后不需要清除浮动,不会破坏页面显示。

    判断题查看答案

  • 下列选项中不能实现清除浮动的是()。

    单选题查看答案

  • 清除浮动的方法可以是clear:left。

    判断题查看答案

  • 能够清除右浮动的属性是()。

    多选题查看答案

  • 清除浮动的作用是()。

    单选题查看答案

  • 能够清除左浮动的属性是()。

    多选题查看答案

  • 清除浮动的方法可以是clear:both。

    判断题查看答案

  • 清除浮动属性clear的属性值可以是()。

    多选题查看答案