div除内容外的背景拉伸
div除内容外的背景拉伸
提问于 2014-09-28 05:16:35
我试图使页眉和页脚背景为100%，但在页面中的所有内容是1200px和居中的页面。
到目前为止，我在html中放了width:1200px，body确定页面居中，但它固定了背景的宽度，这是我不想发生的。
此外，我一直试图修复导航，以及定位在右边，并对齐到标志。
html,body{
background: #fff;
width: 1200px;
}
.container{
min-height: 100%;
margin: 0 auto;
}
header{
background: #363636;
color: #fff;
padding: 30px;
margin: 0 auto;
}
.logo{
float: left;
clear: both;
display: block;
}
nav{
float: right;
}
<div class="container">
<header clas="main_header">
<div class="logo">
<h2>LOGO.COM</h2>
</div>
<div class="clearfix"></div>
<nav class="main_nav">
<ul>
<li>Home</li>
<li>About</li>
<li>Services</li>
<li>Testimonials</li>
<li>Contact Us</li>
<li>Get a Quote</li>
</ul>
</nav>
</header>
.....
</div>
回答 1
Stack Overflow用户
发布于 2014-09-28 05:31:14
不要限制HTML或body的宽度...restrict容器的宽度。
html,body{
background: #fff;
}
.container{
width: 1200px;
margin: 0 auto;
}如果一个元素需要比容器更宽的，只需关闭一个.container，添加你更宽的元素，然后打开一个新的.container。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26079318
复制相关文章
相似问题
腾讯云开发者
