css相关
zoom:
zoom是IE专用,设置对象缩放比例(本意)。
其他作用:
1、zoom:1在ie6下清除浮动,解决margin导致的重叠问题。
通常清除浮动只需要父添加overflow:hidden,但ie不行,需要触发hasLayout属性才可以,zoom:1用于ie6触发该属性。当hasLayout=true,元素会对自身或子孙元素进行计算和定位。
清除浮动: .box:after{content: ".";clear: both;display: block;visibility: hidden;overflow: hidden;height: 0;*zoom:1}
inline-block兼容:.box{display: inline-block;*display:inline;*zoom:1;}
*表示在ie7及以下版本中的写法:只有ie7及以下版本才解读带*的属性设置。
未知高度的元素内部文字水平垂直居中:
.parent:after{content:" ",display:inline-block,vertical-align:middel,height:100%}
.sub{display:inline-block,}