Html 将元素设置为100%宽度以允许背景流动，但将子元素保留在960px的中心？
编辑2:很明显，似乎没有人能够理解我的要求，所以我将尝试说明这一点 中心区域具有idHtml 将元素设置为100%宽度以允许背景流动，但将子元素保留在960px的中心？,html,css,Html,Css,编辑2:很明显，似乎没有人能够理解我的要求，所以我将尝试说明这一点 中心区域具有id#导航。它具有以下CSS属性 width: 960px; margin: auto; background: #e4bd04; 其宽度为960px的原因是，我希望导航栏中的链接保持在960px的限制范围内。我还希望它们居中，因此我应用边距：auto。然而，这意味着我的背景只适用于960px。我希望整个窗口宽度（100%的页面）都有背景，这样屏幕更大的用户就不会在顶部留下一大块空白 为了防止出现这种情况，我将#
#导航width: 960px;
margin: auto;
background: #e4bd04;
边距：auto#navigation#navouter宽度：100%和背景：#e4bd04，这样背景现在看起来会延伸到窗口的整个宽度
有没有办法不用像我这样使用两个元素就可以做到这一点呢？我不明白，你不想用两个div将另一个div以固定宽度居中，不是吗
我不认为您会喜欢它，但这是一个解决方案：
.nav {
width:960px;
position:absolute;
left:50%;
margin-left:-480px; // width / 2
}
<body>
<div class="nav">Test content</div>
</body>
此处演示：您可以使用min width属性，但不知道您到底在寻找什么
<div style="min-width:960px; width:100%"></div?
是的，这很容易做到，无需额外的标记。将：：before
伪元素用于导航的展开部分
演示：
HTML:
导航
CSS:
#导航{
背景：6D7B8D；
高度：40px；
保证金：0自动；
宽度：400px；
}
#导航：之前{
背景颜色：浅蓝色；
内容：'\00a0'；
显示：块；
高度：40px；
左：0；
位置：绝对位置；
宽度：100%；
z指数：-1；
}
我刚刚在这里测试了您的演示文稿，它非常有效。你的浏览器是什么？有什么问题吗？我忘了澄清，它可以用单个元素而不是嵌套元素（100%宽度，但内容限制为固定宽度）来完成。类.nav
的背景仍然限制为300px。我需要背景以适应页面的宽度：（.euh…，如果你想.nav达到100%，为什么要问960px？或者把最小宽度设置为960px？就这样。但我也有一个问题，为什么你不想使用两个元素？？附加标记，这个问题已经超出了它应该是什么，变成了一件大事。我只是想知道，当我必须为这种类型的thi声明父元素时，这会让我很烦恼ng.我希望元素的背景具有窗口宽度，而它的子内容限制为固定宽度并居中。例如，当你对一个对象应用填充时，它保留了它的width
属性，并在此基础上进行扩展。好的，我明白了，我认为你不能用一个div来实现这一点，你只需要keep 1作为背景，或者您可以将您的背景指定给bodyNice，但在IE 8之前不兼容
#navigation {
min-width:960px;
text-align:center;
}
<div style="min-width:960px; width:100%"></div?