我试图将标题元素设置为页面的 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;
}
最佳答案
使用left:0px;
上<header>
...
当在相对定位的容器中找到绝对定位的元素时,可以更好地处理。
关于css - 换页容器内的全宽 <header>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17353835/