标签：layout 设置 模块 ddn ie7 tag 清除浮动 方法 上推
在css布局中常用的一个属性就是float，它可以让div块脱离原本的文档流向左或向右浮动，但是...这个浮动有时候很烦，需要清除浮动，下面详细整理一下关于浮动，为什么要清除浮动和怎样清除浮动。
float浮动样式没有靠中（浮动居中）的样式，在css布局中如果需要让标签对象居中需要margin等其它方法（先偷懒下次整理(●°u°●)? ），这里记住浮动靠右使用float:right，浮动靠左使用float:left样式即可。例子到下面一起举。
div嵌套式子元素浮动而父元素未浮动
后果：因为float会脱离文档流，这样就导致了父元素的height为0.
此时父元素div的height变为0，只显示了3px的边框：
1.方法一：使用带clear属性的空元素
在在浮动元素的下面加了一个clear：both；的属性，然后浮动被清除，父元素的高度被自动填充了：
2.方法二：使用CSS的:after伪元素
给浮动元素的容器添加一个clearfix的class，然后给这个class添加一个:after伪元素实现元素末尾添加一个看不见的块元素（Block element）清理浮动。需要注意的是为了IE6和IE7浏览器，要添加一条zoom:1;触发haslayout。
3.方法三：使用CSS的overflow属性
给浮动元素的容器添加overflow:hidden;或overflow:auto;可以清除浮动，另外在 IE6 中还需要触发 hasLayout ，例如为父元素设置容器宽高或设置 zoom:1。
4.方法四：给浮动的元素的容器添加浮动(但是这样会使其整体浮动，影响布局，不推荐使用. )
显示结果与方法三相同就不再列出。
网上推荐说在网页主要布局时使用:after伪元素方法并作为主要清理浮动方式；在小模块如ul里使用overflow:hidden;如果本身就是浮动元素则可自动清除内部浮动，无需格外处理；正文中使用邻接元素清理之前的浮动。回顾一下洗洗睡觉(●°u°●)? 」
标签：layout 设置 模块 ddn ie7 tag 清除浮动 方法 上推
原文地址：https://www.cnblogs.com/evaxtt/p/9522156.html
