2列DIV佈局

Question

可能重複：
Simple 2 column div layout
2 column layout in CSS

我想建立一個2列DIV佈局。其中一列應該右對齊並且自動調整大小，另一列應該填滿剩下的剩餘空間。

Answer 1

想要這樣http://jsfiddle.net/UNgcd/2/？

HTML：

<div class='wrap'> 
    <div class='right'> 
     <p>some text goes here for auto width</p> 
    </div> 
    <div class='left'> 
     <p>this takes up remaining space to the left</p> 
    </div> 
</div> 

CSS：

.right { 
    background-color: red; 
    float: right; 
    width: auto; 
} 

.left { 
    background-color: yellow; 
    overflow: hidden; 
} 

Answer 2

HTML：

<div id="right">Auto sized right div</div> 
<div id="left">Auto filling left div</div> 

CSS：

#left{ 
    overflow: hidden; 
} 

#right{ 
    float: right; 
}