Контейнер фиксированной ширины CSS с автоматическим расширением дочернего элемента div

Посмотрите на эту скрипку, это то, что вы после?... alternatively- взгляните на это, что является альтернативным решением, основанным на вашем вопросе.

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;
}