简单记录,个人学习之用。部分资料来源互联网,部分引用链接在后面。
1、什么是haslayout?
haslayout是Windows IE渲染引擎的一个内部组成部分。在IE中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖与父元素来计算尺寸和组织内容。渲染引擎采用hasLayout的属性,属性值可以为true或者false。当一个元素的hasLayout属性值为true时,我们就说这个元素有一个布局(layout)
- 当一个元素有一个布局时候,它负责对自己和可能的子孙元素进行尺寸计算和定位。一些元素默认会有一个布局。它的微软专有属性hasLayout被设为true。
- haslayout属性为只读属性
- 并非所有的元素都默许有布局
2、
如何激发haslayout?
我常用的是zoom但是w3c的validate是过不去啊。
- display:inline-block
- height(值设置为除auto以外的)
- width(值设置为除auto以外)
- float(left或者right)
- position:absolute
- writing-mode:tb-rl(如果你不属性这个可以查看我写的博客文章)
- zoom(值设为为除normal以外的)
IE7还有部分额外的属性
- min-height
- max-height(值设为为除none以外的)
- min-width
- max-width(值设为为除none以外的)
- overflow(值设为为除visible以外的)
- overflow-x(值设为为除visible以外的)
- overflow-y(值设为为除visible以外的)
- position:fixed
补充一下:
- 对于一下内联元素或者设置display:inline的元素,在兼容模式的IE6下,内联元素会忽略width和height,所以设置了width或者height不能使元素用于layout。
- 使用zoom:1可以在不影响现有环境的基础上激发元素的haslayout
- 霍莉破解(Holly hack)----设定元素的高度为1%。但是当元素的overflow属性设置为visible的时候,这个方法就失效了。
部分资料扩展: