首页 > 代码库 > web 前端小记_1 :hasLayout

web 前端小记_1 :hasLayout

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