关于haslayout

 简单记录，个人学习之用。部分资料来源互联网，部分引用链接在后面。

 

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的时候，这个方法就失效了。

 

 

 

 

 

 

 

 

 

 

 

部分资料扩展：

1、http://baike.baidu.com/view/2945869.htm