我已将以下代码用作正文，作为其响应站点
.body {
margin: 0 auto;
width: 70%;
clear: both;
}
正文后，我添加了带有CSS的标头，如下所示
.topheader {
height: 5%;
background-color: #ff6d00;
width:100%
}
我面临的问题是我需要100％的接头，但是由于机体宽度的原因其固定为70％。
我需要70％的机体宽度，也需要机体内100％的页眉宽度。
我们是否有可能像这样对齐它？
最佳答案
看看是否可行...
<html>
<head>
<style type="text/css">
body{
color: #000000;
font-size: 87.5%;
font-family: arial;
line-height: 1.5;
text-align: left;
}
.body{
margin: 0 auto;
width: 70%;
clear: both;
}
.topheader{
height: 5%;
background-color:#ff6d00;
width: 200%;
}
.laser{
float:left;
padding:40px;
margin-top:-35px;
}
</style>
<body class="body">
<div class="topheader" style="margin-left:-250px">
<nav>
<ul style="margin-left:180px;">
<li class="laser">Books</li>
<li class="laser">Video</li>
<li class="laser">Audio</li>
<li class="laser">Download</li>
<li class="laser">Login</li>
<li class="laser">Register</li>
</ul>
</nav>
</div>
</body>
</html>
关于html - CSS正文和标题问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28914906/