一、在浮动元素后面增加一个清除浮动层

　　<div>

　　<div style=”float:left”></div>

　　<div style=”float:left”></div>

　　<div style=”clear:both”></div>

　　</div>

　　二、给浮动元素的父级元素添加overflow:hidden;

　　三、clearfix方法

　　.clearfix{

　　zoom:1;

　　}

　　.clearfix:after{

　　content: “”;

　　visibility:hidden;

　　display:block;

　　font-size:0;

　　height:0;

　　clear:both;

　　}

　　其原理是，在【高级】浏览器中使用:after伪类在浮动块后面加上一个非display:none;的不可见块状内容，并给他设置clear:both来清理浮动。在IE6、7中给浮动块添加haslayout来让浮动块撑高并正常影响文档流。

　　四、给浮动元素的父级元素也加浮动

　　五、给浮动元素的父级元素加定位，三种定位都可以

　　a) position : relative;

　　b) position : absolute;

　　c) position : fixed;

　　本章关键词：广州网站建设