Css 位置：固定，边距：IE9/10中的自动

我为一个响应站点制作了一个粘性标题，标题也以

margin:0auto

为中心。它可以在Chrome/Firefox/Safari/IE8中使用，但不能在IE9+中使用

最小标记：

<div class="viewport">
    <header class="banner">
    </header>
</div>

---

在IE9+中，标题粘贴在左侧。

您需要特别向所讨论的元素添加

宽度：100%

css

---

事实上，它在IE9中同样有效

---

IE11的渲染与8、9和10不同。MS，几乎每一个版本都会改变这件事。你说这是件坏事。好吧，你在这里。。。实际上，我的代码中没有宽度：100%。

.banner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}

.banner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    background: red;
    height: 50px;
}