简单的CSS嵌套Divs问题

Question

我显然已经失去了这个阴谋......我似乎无法想象这一点！

好的，这个jsFiddle有2个divs - 一个在另一个里面。

我希望蓝色的一直是100％宽，无论窗口的宽度有多大。

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

同样的效果也将在页脚中使用。基本上标题/内容/页脚的最大值为1080px，页眉和页脚的背景div将有一个图像，可以在整个过程中拉伸。 - 最终会有一个使用相同方法的布局页脚和页脚div。

知道如何实现这一目标吗？我有一个巨大的脑屁......

Answer 1

尝试使用标头的css属性溢出。我不确定这是不是你要找的东西，但是如果红色的盒子比较大的话，这会让蓝色的盒子里面有一个滚动条。

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

Answer 2

这可能有所帮助：

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