浮動div - 填充可用寬度

Question

我必須divs浮動，一個在左邊，另一個在右邊。我想要做的（沒有js）是正確的div填充可用空間（寬度：100％）。問題是，左div有一個動態寬度，否則我可以簡單地使用margin-left。 我也試過顯示：table-cell;但是這不會允許我使用邊距，只有邊距。

有什麼建議嗎？

Answer 1

你可以這樣做，在IE8中工作，在FF中，在Safari中更好。你可以使用填充代替保證金，如本例：

<style> 
    .c_0 { 
     display:  table; 
     width:   100%; 
     border:   4px solid orange; 
    } 

    .c_1 { 
     display:  table-cell; 
     width:   20%; 
     border:   1px solid red; 
     padding-right: 20px; 
    } 

    .c_2 { 
     display:  table-cell; 
     border:   1px solid blue; 
    } 
</style> 

<div class="c_0"> 
    <div class="c_1"> 
     has a width and padding instead of margin 
    </div> 
    <div class="c_2"> 
     has the rest 
    </div> 
</div> 

編輯

第一行這僅適用於「％」。我看到它太晚了，你想要像素。