3 div, 하나의 고정 너비

Question

html CSS에서 가능한지 확실하지 않습니다.

한 줄에 3 개의 div가 있습니다. 두 번째 div는 200px 너비를 차지해야하며 첫 번째 & 마지막 div는 남은 너비를 차지해야합니다.

http://jsfiddle.net/Garav/gk9t3/

나머지 두 div가 100 픽셀을 바이올린에 고정된다. 두 번째 div가 항상 가운데에 남도록 화면의 나머지 부분을 똑같이 양쪽면에 채우는 방법이 있습니까?

참고 : 상위 div의 너비는 고정되어 있지 않습니다.

Answer 1

그냥 여백을 사용하십시오 : 0 자동; 마진 div에 대한 필요가 없습니다 : http://jsfiddle.net/gk9t3/3/이

Answer 2

다른 div 안에 중간 div를 추가하고 가운데에 배치했습니다. 이것이 귀하의 요구 사항에 맞는 지 확인하십시오 : http://jsfiddle.net/gk9t3/1/

Answer 3

증명 : http://jsfiddle.net/5Br5A/

CSS

.image-placeholder{ 
    background: #0f0; 
    width: 200px; 
    height : 200px; 
    clear:none; 
    float: left; 
} 
.fill-remaining { 
    height:200px; 
    width:50%; 
    clear:none; 
} 
.fill-remaining.left { 
    background:#f00; 
    float: left; 
    margin-right:-100px; 
} 
.fill-remaining.left>div { 
    padding-right: 100px; 
} 
.fill-remaining.right { 
    background:#00f; 
    float: right; 
    margin-left:-100px; 
} 
.fill-remaining.right>div { 
    padding-left: 100px; 
}​ 

HTML

<div class="fill-remaining left"> 
</div> 
<div class="fill-remaining right"> 
</div> 
<div class="image-placeholder"> 
</div>