Question

Hi stack overflow community。我有2个动态 div，我想在容器内浮动。但我希望HTML上的最后一个div比第一个更右边。我的问题是我无法改变HTML，只能改变CSS。

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

这是一个让你更好理解的方法：http://jsfiddle.net/Cthulhu/yVCDZ/1/

我想＆＃34;下一步＆＃34;出现在＆＃34;之前＆＃34;。提前谢谢。

Answer 1

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

，而不是浮动

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

这应该让你开始，至少。

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

Answer 2

据我所知，可能是你想要的。您可以将方向与显示：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;
}

CSS：将div放在float的右边：右边

3 个答案: