html - Div 在 IE8 中不会 100% 浏览器的宽度

Question

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

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

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

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

我认为唯一会影响它的是我的主要 div 有：

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

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

这是我的代码的小提琴。

Answer 1

尝试添加这个

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 2

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

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

Answer 3

修复了问题。

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

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