100% 宽度固定 div 仅在 IE7 中具有左边距答案

【问题标题】：100% width fixed div has left margin only in IE7100% 宽度固定 div 仅在 IE7 中具有左边距
【发布时间】：2025-12-10 11:45:01
【问题描述】：

我在下面有这段代码，它在每个现代浏览器和 Internet Explorer 中都能正常工作，但在 IE7 中却不行。

标题没有填满整个正文宽度，并且在 IE7 中，标题 div 似乎有左边距。它从主 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>

【问题讨论】：

我认为 IE7 现在已经过时了，这是我们对客户使用 Web 方式的冲动改变的责任……但无论如何，如果你可以分享你的链接或一个活生生的例子来澄清问题。

标签： html internet-explorer css internet-explorer-7

【解决方案1】：

添加

top: 0;
left: 0;

到div#header

指定顶部和左侧总是一个好主意，IE 似乎喜欢这样

【讨论】：