简单CSS嵌套Divs问题

很明显，我失去了剧情。。。我就是搞不懂这个

这有两个div，一个在另一个里面

我希望蓝色的总是100%宽，不管窗口缩小了多宽

如果你加载它，然后将结果视图的宽度减小到比红色块小，你会看到底部出现一个滚动条-向右滚动，蓝色块现在不在窗口的100%-嗯，它是新大小的100%，但我需要它一直是蓝色的

同样的效果也将在页脚中使用。基本上，页眉/内容/页脚的最大值为1080px，页眉和页脚的背景div将有一个图像，该图像将在整个方向上延伸。-最终将使用相同的方法生成布局页脚和页脚div

---

你知道我怎样才能做到这一点吗？我有一个巨大的大脑屁…

尝试使用css属性溢出作为标题。我不确定这是否是你一直在寻找的东西，但如果红色框更大，这将使蓝色框包含一个滚动条

#layout-header
{
    width:100%;
    height:126px;
    background-color:blue;
    overflow:auto;
}

这可能有助于：

#layout-header { min-width: 600px; }

---

不，不完全是这样-这给了我一个滚动条，就在蓝色块的正下方。基本上，我希望蓝色方块保持100%的宽度-我相信这应该很简单，尽管我在mo，您希望蓝色框的大小始终与其中的内容相适应吗？不-在这种情况下，我希望蓝色框始终与浏览器的全宽一致。基本上，蓝色框将有一个导航所处的背景-该背景必须与浏览器的全宽一致，即使用户缩小了比1080px红盒小的宽度，红盒也不会缩小。您是否尝试过

min width:100%？你这个混蛋！我知道这很简单！非常好，非常感谢：）我现在可以回到实际的后端编码了：只有当你确切地知道它里面的所有东西的大小并且它永远不会改变时，这才有效。一旦红色盒子或里面的其他东西变得大于或小于600px，你就会再次遇到同样的问题。这没关系，因为在这个解决方案中，红色盒子将始终是1080px的固定大小。红色框的内容也不会超过1080。