한 액체 DIV 내가 고정 폭 DIV와 옆에 액체 폭 DIV가 레이아웃 구축을 위해 노력하고

Question

: 또한,

<div id="main" style="width:100%; height:500px; background-color: #ccc;"> 
    <div id="right" style="float: right; width:100px; height:500px; background-color: red;"> 
    </div> 
    <div id="left" style="float: right; width: auto; height:500px; background-color: orange;"> 
    </div> 
</div> 

왼쪽 사업부는 폭이 작성되지 않습니다 내가 이 div가 전체 div를 채우고 싶을 때 right div가 없으면 어떻게 할 수 있습니까?

Answer 1

나는 당신이 원하는 것은 더

같은

<div id="main" ... > 
    <div id="right" style="float: right; width: 100px;"> Will take up 100 px </div> 
    <div id="left" style="margin-right: 100px;"> Will take up the rest </div> 
</div>