css清除浮动方法

 

 浮动会让元素塌陷，即被浮动元素的父元素(不设置height)不具有高度。例如一个父元素包含了浮动元素，它将塌陷具有零高度，解决方法：
1.在浮动元素后面定义一个div，并设置clear:both；清除浮动，同时为了解决IE6中div有高度的问题可以增加属性            height:0;overflow:hidden;

2.为父元素增加类clearfix：

.clearfix:after {
   content: " ";
   display: block;
   clear: both;
   height: 0;
}
.clearfix {
  zoom: 1;
  display:table;
}　

用css中的zoom属性可以让网页实现IE7中的放大缩小功能。比如你想让你的网页缩小为原来的一半，那么就在body中加入style="zoom:0.5"

3.设置父元素为浮动

4.设置父元素overflow:auto或者overflow:hidden;

  

转载于:https://www.cnblogs.com/summer323/p/5314446.html