摘要： zoom:1的作用：触发IE浏览器的haslayout、解决ie下的浮动等一些问题。 zoom属性是IE浏览器的专有属性，Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。应用： 1.用css中的zoom属性可以让网页实现IE7中的放大缩小功能。 让你的网页缩小为原来的一半 2.使用zoom解决IE6浏览器下嵌套容器清除浮动问题 经常遇到一个容器外面套一个边框，边框高度随容器高度变化，但是当边框内容器设置了浮动属性后，外框就不跟随变化，这时就需要清除浮动。 很多时候，我们直接给父元素添加一个类名class=”clearfix” .clearfix:after{... 阅读全文

摘要： 发生场合：当给父元素内第一个浮动元素设置margin-left（元素float:left）或margin-right（元素float:right）时margin加倍。test01:左浮动元素 第1个元素 第2个元素 第3个元素 第4个元素.clearfix:after{content:'.'; display: block; height: 0; clear:both; visibility: hidden;}.clearfix{zoom:1;}.box01{border:1px solid #f00; list-style: none; padding: 0;}.bo... 阅读全文

摘要： 发生场合：一个元素浮动，然后一个不浮动的元素自然上浮与之靠近会出现的3px的间距。以下为个人所做测试：test01:不浮动元素为块级元素box01box02.box01{float: left; background: #f1c100;}.box02{background: red;}ie6效果：没有出现3px间距test02:不浮动的元素修改为行内元素box01box02.box01{float: left; background: #f1c100;}.box02{background: red;}ie6效果：出现3px间距 test03:修复这个3px间距 （方法一）html结构按照t.. 阅读全文