清除浮动_清除掉元素float属性 - 威林百科weilinceramic.com

清除浮动

清除掉元素float属性

清除浮动指清除掉元素float属性。

清除浮动介绍

假设了有三个盒子对象，一个父级里包含了两个子级，子级一个使用了float:left属性，另外一个子级使用float:right属性。同时设置div css border，父级css边框颜色为红色，两个子级边框颜色为蓝色；父级CSS背景样式为黄色，两个子级背景为白色；父级css width宽度为400px，两个子级css宽度均为180px，两个子级再设置相同高度100px，父级css height高度暂不设置（通常为实际css布局时候这样父级都不设置高度，而高度是随内容增加自适应高度）。

清除浮动方法

给父级也加浮动

无标题文档

给父级加display:inline-block;

无标题文档

.clear{ height:0px;font-size:0;clear:both;}但是在ie6下，块元素有最小高度，即当height＜19px时，默认为19px，解决方法：font-size:0;或overflow:hidden;

无标题文档

给浮动元素父级加{zoom:1;}

无标题文档

给浮动元素父级加overflow:hidden;

无标题文档