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

Why ie7 display not same other browser on this code?

本文关键字：其他 浏览器 显示 ie7 代码 为什么      更新时间：2023-09-26

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

我在铬，火狐和其他上测试它工作得很好。但是为什么在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

每个浏览器（几乎）都有自己的引擎来渲染 HTML，而 IE 是最成问题的，这已经不是什么秘密了。所以我也没有完全理解这个问题，但我建议您手动将属性"高度"添加到第二个元素，而不是使用填充（如果足够的话）。

相关文章：