html - Div不会在IE8中实现100％的浏览器宽度

我有一个div，我想适合所有屏幕的整个宽度，因此我使用了以下代码：

.top {
    position:absolute;
    background-color:#3d7294;
    width: 100%;
    height:150px;
    z-index:-999;
}

但是问题是我将网站的其余部分居中，IE中的“ top” div不是从左上角开始，而是从我用于主要内容的居中div开始。



这是它在Chrome和FF中的外观以及外观：



我能想到的唯一影响因素是我的主要div具有：

.all {
    width:960px;
    margin:0 auto;
}

但是我的“ top” div不在“ all” div范围内，因此我认为它不会影响到它。

这是我的代码的fiddle。

最佳答案

检查代码顶部是否有DOCTYPE。另外，请为您的div包括这些高度和宽度。

var dWidth = wWidth * 0.65;
var wHeight = $(window).height();
var dHeight = wHeight * 0.65;

关于html - Div不会在IE8中实现100％的浏览器宽度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19537707/