haslayout

什么是haslayout

layout是windows IE的一个私有概念，它决定了元素如何对其内容定位和尺寸计算，以及与其他元素的关系和相互作用。
当一个元素"拥有布局”时，它会负责本身及其子元素的尺寸和定位。
而如果一个元素千没有拥有布局”，那么它的尺寸和位置由最近的拥有布局的祖先元素控制。

必须说明的是，IE8及以上浏览器使用了全新的显示引擎，已经不在使用haslayout属性，因此haslayout属性只针对IE6和IE7。

为什么会有haslayout

理论上说，每个元素都应该控制自己的尺寸和定位，即每个元素都应该拥有布局”，当然这只是理想状态。而对于早期的IE显示引擎来说，如果所有元素都"拥有布局”的话，会导致很大的性能问题。
因此IE开发团队决定使用布局概念来减少浏览器的性能开销，即只将布局应用于实际需要的那些元素，所以便出现了“拥有布局”和“没有拥有布局”两种情况。

默认拥有布局的元素

html,body, table,tr, td,img,hr,input,select, textarea,button,
iframe, embed, object,applet,marquee

怎么触发haslayout

float: left或right
display: inline-block
position: absolute
width:除auto外任何值
height:除auto外任何值
zoom:除normal外任何值

屏蔽haslayout

一般通过overflow: hidden;就可以进行屏蔽。