1. 首页
  2. 编程面试题
  3. 前端
  4. Css

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



浮动元素脱离普通流,不占据空间。浮动元素会向左或向右偏移直到碰到它的包含块的边界或者其他浮动元素的边界。

1.使用空标签清除浮动。
这种方法是在所有浮动标签后面添加一个空标签 定义css clear:both. 弊端就是增加了无意义标签。

2.使用overflow。
给包含浮动元素的父标签添加css属性 overflow:auto; zoom:1; zoom:1用于兼容IE6。

3.使用after伪对象清除浮动。
该方法只适用于非IE浏览器。具体写法可参照以下示例。使用中需注意以下几点。一、该方法中必须为需要清除浮动元素的伪对象中设置 height:0,否则该元素会比实际高出若干像素;

发布者:admin,如若转载,请注明出处:https://ai1024.vip/28092.html

QR code
//