在IE8中，Div不会100％宽度的浏览器

Question

我有一个div，我想要适合任何屏幕的整个宽度，所以我使用了这段代码：

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

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

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

我能想到的唯一影响它的是我的主要角色：

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

但是我的“顶级”div不在“all”div中，所以我不会想到它会影响它。

这是我的代码的fiddle。

Answer 1

检查代码顶部是否有 DOCTYPE 。其他包括div的高度和宽度。

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

Answer 2

尝试添加此

<强>的CSS

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin-top: 0px;
margin: 0px;
background-color: #f9fbfd;
position: relative;
width: 100%;
}

html {
    display: block;
    position: relative;
    width: 100%;
}

无法测试，我在Mac上

Answer 3

解决了问题。

我将left:0px;添加到我的“顶级”div

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