从右边距移动一个最右边的浮点数

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是低于你正在漂浮，以获得正常的堆叠行为。