Html 从右边距移动最右边的浮动

假设我有一个导航栏，它有5个元素很好地向左浮动。然后，我添加了一个我希望位于最右边的元素，但我希望在浮动到最右边的元素和实际文档的边缘之间留一点边距。如果我只是做

float:right，元素被粉碎到文档末尾。如果我试图弄乱
向右定位
或
右边距
，什么都不会发生。如何使元素远离边缘
 
右边填充
可能是您想要的，而不是
右边定位
。无论哪种方式，
marginright
都应该能够将框从页面边缘拉开<代码>向右填充

将使框保持在页面边缘，但将包含的内容移到离边缘更远的位置。

有几个选项，首先使用包装器控制两个div的分隔：

HTML:

另一个选项是在两个

上执行

浮动：左

，并在此处用边距分隔：

HTML:

更新：

---

关于第二个选项，您可能不知道，您需要对CSS规则中的任何

进行

清除：这两个
都在您浮动的
下面，以获得正常的堆叠行为。
到底什么是
位置正确
？如果向左或向右浮动图元，则需要清除它们
marginright
应该是将其与边缘分离的正确方法。与其说“让我们说”，不如发布一些代码？
<div id="wrapper">
<div id="left">Left Div</div>
<div id="right">Right Div</div>
</div>

#left {
    float: left;
}

#right {
    float: right;
}

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

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

#left {
    float: left;
}

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