码迷,mamicode.com
首页 > Web开发 > 详细

web 前端小记_1 :hasLayout

时间:2014-07-20 21:34:20      阅读:272      评论:0      收藏:0      [点我收藏+]

标签:使用   strong   os   width   io   问题   

hasLayout: IE独有CSS渲染引擎。

ie下很多bug都因为没有触发hasLaayout而引起。触发hasLayout的方法有:width\height\position:relative或height:1%。但会出现一些副作用。于是,完美的解决方案:zoom:1;

当然:zoom:1在极其复杂的css里(特别是用DHTML时)将不会触发hasLayout。这时只需添加:position:relative即可

 

特别注意:由于hasLayout的初衷是为了辅助块级元素的盒模型解析,主要用于块级元素。如果用于内联元素,会引发一些特殊效果(比如对齐等等);

 

 

height: 在ie6下默认是min-height;

ie6、ie7下设置display:inline-block;可以触发hasLayout但对齐有问题,需要设置使用*vertical-align设置。例vertical-align:-10px

web 前端小记_1 :hasLayout,布布扣,bubuko.com

web 前端小记_1 :hasLayout

标签:使用   strong   os   width   io   问题   

原文地址:http://www.cnblogs.com/nuoku/p/3856323.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!