CSS:将 div 放在 float:right 的右边

Question

嗨堆栈溢出社区。我有 2 个 dynamic div，我想在容器内 float 。但我希望 HTML 上的最后一个 div 比第一个更靠右。我的问题是我不能更改 HTML，只能更改 CSS。

这将用于页面之间的导航，因此我可以让两个 div 都可见或只有一个。即使我只有一个 div，它也必须与容器的右侧对齐(这就是我想使用 float 的原因)。

这里有一个 jsfiddle 可以让你更好地理解:http://jsfiddle.net/Cthulhu/yVCDZ/1/

我希望“下一个”出现在“上一个”之后。提前致谢。

Answer 1

使用 display:inline-block; 代替 float ，并设置容器的 text-align:right;

我更新了你的 fiddle :http://jsfiddle.net/mestekweb/yVCDZ/2/

至少，这应该能让您入门。

ps - 您可能会遇到 IE <8 的问题。如果您需要，我也可以在那里提供一些帮助。