從右邊距移動一個最右邊的浮點數

Question

假設我有一個導航條，它有5個元素漂浮在左邊。然後我添加一個我想要在最右邊的元素，但是我想在浮動到最右邊的元素和實際文檔的邊緣之間留出一點空白。如果我只是做float:right;，元素將被搗毀到文檔的末尾。如果我試圖搞砸position-right或margin-right，沒有任何反應。我如何從邊緣獲取元素？

Answer 1

padding-right可能是你在找什麼，而不是position-right。無論哪種方式，margin-right應該工作將框從頁面的邊緣拉開。 padding-right將使框保留在頁面的邊緣，但將包含的內容遠離邊緣。

Answer 2

一對夫婦的選擇，先用包裝來控制兩個div分拆：

HTML：

<div id="wrapper"> 
<div id="left">Left Div</div> 
<div id="right">Right Div</div> 
</div> 

CSS：

#left { 
    float: left; 
} 

#right { 
    float: right; 
} 

#wrapper { 
    width: 500px; 
    margin: auto; 
    padding: auto; 
    overflow: auto; 
} 

http://jsfiddle.net/wDjFV/

另一種選擇是做float: left在BOTH <div>秒和獨立與利潤率有：

HTML：

<div id="left">Left Div</div> 
<div id="right">Right Div</div> 

CSS：

#left { 
    float: left; 
} 

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

http://jsfiddle.net/wDjFV/3/

更新：

只是在第二個選項以爲你可能不知道，你會想在CSS上做clear:both規則爲任何<div> s是低於你正在漂浮，以獲得正常的堆疊行爲。