CSS固定宽度容器与子div自动扩展

Question

我正在尝试创建一个具有固定宽度容器的简单页面，然后在容器内部溢出一个div以填充浏览器宽度。在小提琴中，我的目标是在浏览器调整宽度方式时让.content <div>扩展。

JSFiddle

任何帮助将不胜感激。

Answer 1

看一下this fiddle，这就是你要追求的吗？......或者 - 看看this one，根据你的问题，这是另一种选择。

CSS

body {
    font: 12px/18px Arial, sans-serif;
    width: 100%;
    height: 100%;
}
.header {
    height: 150px;
    background: #FFE680;
}

.content {
    padding: 0 0 100px;
    background-color: #DD0022;
}

.footer {
    height: 100px;
    background: #BFF08E;
}