我正在尝试将页眉元素设置为页面的完整100%宽度。
出于某种原因,标题背景似乎显示100%宽度,但它在“pagewrap”容器中左移。
HTML
<body>
<!-- start pagewrap -->
<div id="pagewrap">
<!-- start header -->
<header>
</header>
<!-- end header -->
</div>
<!-- end pagewrap -->
</body>
CSS
body {
width: 100%;
margin: 0;
}
#pagewrap {
position: static;
width: 900px;
height: 800px;
margin: 0 auto;
}
header {
position: absolute;
width: 100%;
height: 65px;
background-color: #F9F9F9;
border-bottom: thin solid #C6D9F1;
margin: 10px 0 10px 0;
}
答案 0 :(得分:2)
在left:0px;
...
<header>
在相对定位的容器中找到绝对定位的元素会得到更好的处理。