为什么ie7在这段代码上显示与其他浏览器不同？

Question

为什么ie7在此代码上显示与其他浏览器不同？

我测试了chrome，firefox和其它的工作。 但是为什么在ie7上显示不同于其他浏览器，我该怎么做？

<script>
window.onload=function(){
var element = document.getElementById('element1');
document.getElementById("element2").style.paddingTop = element.offsetHeight + 'px';
}
</script>

<div id="element1" style="position: fixed; height: 50px; background-color: #000; width: 100%;"></div>
<div id="element2" style="position: relative; width: 100%;">    
    <div id="element3" style="position: relative; height: 50px; background-color: red; width: 100%;">    
</div>
</div>

显示在ie7 http://image.ohozaa.com/i/5a8/9b1VrQ.jpg

上

和其他浏览器http://image.ohozaa.com/i/438/zsltSI.jpg

Answer 1

每个浏览器（几乎）都有自己的引擎来呈现HTML并且IE是最成问题的并不是秘密。所以我也没有完全理解问题，但我建议你添加属性＆＃34; height＆＃34;手动而不是使用填充（如果它足够）到第二个元素。