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中留有边距

回答

相关问题