Question

我在下面有这段代码，它在大多数情况下在每个现代浏览器和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>

Answer 1

添加

top: 0;
left: 0;

到div#header

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

100％宽度的固定div仅在IE7中留有余量

1 个答案: