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;
}

但是我的“ top” div不在“ all” div之外，所以我不會認為它會影響它。

這是我的代碼的小提琴 。

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;
}