haslayout

最新推荐文章于 2025-07-30 16:36:32 发布

原创最新推荐文章于 2025-07-30 16:36:32 发布 · 510 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#脚本 #ie #javascript #iframe #button #div

WEB dev 专栏收录该内容

2 篇文章

订阅专栏

之前只知道ie的haslayout会对IE的渲染产生影响，却不知道会对javascript也会产生影响。
在一个项目里面，为了让div可以自动适应高度并修复ie 的iframe滚动条bug，通过脚本来控制一个div的高度，但是怎么调脚本都有问题。我崩溃了。本来还以为是自己的逻辑出了问题，逐步排查之后，却发现某个元素的clientHeight，在ie下面是0。原来这个元素没有haslayout。
范例脚本：
<span id=”testHasLayout” style=”padding-top:20px;display:block”>test it</span> <script type=”javascript/text”> var obj=document.getElementById(”testHasLayout”); alert(obj.clientHeight); obj.style.zoom=”1″; alert(obj.clientHeight); </script>

原来如果在IE下，对象没有haslayout属性时，是没有办法通过脚本来获取他的clientHeight属性的。IE6,7均是如此
在这里再次回顾一下这个重要的概念：
默认拥有haslayout的元素：

能够让元素拥有haslayout的css属性

position: absolute
Refers to its containing block, and that’s where some problems begin.
float: left|right
The float model has a lot of quirks due to some aspects of a layout element.
display: inline-block
Sometimes [...]