css - CSS：将 div 放在 float:right 的右侧

Question

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

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

这是一个 jsfiddle 供您更好地理解：http: //jsfiddle.net/Cthulhu/yVCDZ/1/

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

Answer 1

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

我更新了你的小提琴：http: //jsfiddle.net/mestekweb/yVCDZ/2/

至少，这应该让你开始。

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

Answer 2

据我了解，这可能是你想要的。您可以将方向与display:inline-block;一起使用。

检查这个http://jsfiddle.net/yVCDZ/3/

& 还有另一种适用于所有浏览器的替代方案

检查这个http://jsfiddle.net/yVCDZ/8/

Answer 3

使用定位快速更新：

#container {
    width:300px;
    height:70px;
    border:1px solid black;
    position: relative;

}

#previous {
    width:70px;
    height:70px;
    background:gold;
    position: absolute;
    right: 70px;
}

#next {
    width:70px;
    height:70px;
    background:lightblue;
    position: absolute;
    right: 0;
}