有人能告诉我为什么 position:fixed 会导致元素比浏览器或页面上的其他内容更宽,从而导致水平滚动吗?
以下是代码 HTML
<header>
this is a header
</header>
<div class="container">
this is a container
</div>
CSS
header {
width: 90%;
height: 100px;
background: blue;
position: fixed;
z-index: 100;
}
.container {
width: 90%;
height: 500px;
background: red;
position: relative;
z-index: -2;
}
这里是指向 CodePen 的链接http://codepen.io/colbydodson/pen/wcgua