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