100％寬度的固定div只在IE7中留有邊距

我在下面有這段代碼，它在大多數情況下在每個現代瀏覽器和Internet Explorer中都能正常工作，但在IE7中卻不會。100％寬度的固定div只在IE7中留有邊距

頭部沒有填充整個身體的寬度，它似乎在IE7頭部div有一個左邊距。它從主分區所在的地方開始。

任何人的想法如何解決這個問題？

CSS

div#header { 
    z-index: 200; 
    position: fixed; 
    width: 100%; 
    background: -webkit-linear-gradient(top, #232323 0%, #1f1f1f 100%); 
    box-shadow: 0px 0px 13px #3a3a3a; 
    -webkit-box-shadow: 0px 0px 13px #3a3a3a; 
    font-size: 13px; 
} 

div[role=main] { 
    position: relative; 
    width: 970px; 
    margin: 0 auto; 
    padding: 52px 15px 45px 15px; 
}

HTML

<div id="header">header content</div> 
<div role="main">main content</div>

來源

2013-12-09 Kid Diamond

我認爲IE7現在已經非常過時了，是我們對客戶使用Web的方式發生衝動變化的責任......但無論如何，如果您可以分享您的鏈接或現場示例來澄清問題。 – DaniP

添加

top: 0; 
left: 0;

到div#header

指定頂部和左側總是一個好主意，IE似乎喜歡

來源

2013-12-09 16:53:34 toast

IE7以神祕的方式工作。 –

100％寬度的固定div只在IE7中留有邊距

回答

相關問題