CSS，浮子和餘量

Question

如果我有例如HTML這樣的：

<div id="left"> 
    items 
<div> 
<div id="right"> 
    items 
</div> 

和CSS這樣的：

#left 
{ 
    float: right; 
} 
#right 
{ 
    margin-left: 10px; 
} 

右塊的從屏幕，而不是左側計算餘量從左邊div的右邊界。我怎樣才能從左側區塊的右側直接獲得保證金？

Answer 1

我更喜歡這兩個浮動離開。

HTML

<div id="left"> 
    <!-- Left Content --> 
</div>​ 

<div id="right"> 
    <!-- Right Content --> 
</div> 

<div class="clear"></div> <!-- Clear the floats --> 

CSS

#left 
{ 
    float: left; 
} 

#right 
{ 
    float: left; 
    margin-left: 10px; 
} 

.clear 
{ 
    clear:both; 
} 

Answer 2

翻轉您的divs並將float: right應用於兩者。 Working example.

<div id="right"> 
    right 
</div> 
<div id="left"> 
    left 
</div>​ 

#left 
{ 
    float: right; 
} 
#right 
{ 
    float: right; 
    margin-left: 10px; 
}​