css - 简单的 CSS 嵌套 div 问题

Question

我显然失去了情节......我似乎无法弄清楚这一点！

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

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

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

同样的效果也将用于页脚。本质上，页眉/内容/页脚的最大尺寸为 1080 像素，页眉和页脚的背景 div 将有一个可以拉伸整个路径的图像。- 最终会有一个 layout-footer 和 footer div 使用相同的方法。

知道如何实现这一目标吗？我脑袋大放屁...

Answer 1

尝试对标题使用 css 属性溢出。我不确定这是否是您要查找的内容，但是如果红色框更大，这将使蓝色框在其中包含一个滚动条。

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

Answer 2

这可能会有所帮助：

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