怎么取消DIV 浮动？

html-css014

怎么取消DIV 浮动？,第1张

清除浮动有几个方法，在css中去设置样式或者设置父级div就可以。

第一种：结尾处加空div标签 clear:both

第二种：父级div定义高度；

第三种：父级div定义 overflow:hidden ；

第四种：父级div定义 overflow:auto ；

清除浮动的方法主要一下几种：

(1).clear清除浮动（添加空div法）

在浮动元素下方添加空div,并给该元素写css样式 {clear:bothheight:0overflow:hidden}

(2).方法：给浮动元素父级设置高度

(3).方法：父级设置成inline-block

缺点：父级的margin左右auto失效，无法使用margin: 0 auto居中了

(4).给父级添加overflow:hidden 清浮动方法；

问题：需要配合 宽度 或者 zoom 兼容IE6 IE7；

overflow: hidden

*zoom: 1

(5).万能清除法 after伪类 清浮动（现在主流方法，推荐使用）

.clear:after{content:''display:blockclear:bothheight:0overflow:hiddenvisibility:hidden}

.clear{zoom:1}