Html 当内部元素向左浮动时，将div向右对齐

我遇到了这个非常酷的向导菜单，但我不知道如何将div对齐到右边

我猜这是因为在内部元素上设置了float:left

我希望能得到一些帮助

谢谢，

---

保罗

你需要给它一个宽度。如果没有明确的宽度，则其宽度为其容器的100%。无论您如何对齐，元素上的浮动都将附着在向导步骤的左侧。因此，使其宽度小于100%，将其粘贴到右侧，它们将出现在新的左侧边缘

注意所有的位置：相对的，也在那里进行

或者您可以将其修复为：

.cont{
    position: absolute;
    width: 550px;
    right: 0px;
}

然后将向导步骤放入：

<div class="cont">
    <div class="wizard-steps">...</div>
</div>

然后改变：

.wizard-steps div {
    display: inline-block;
    position:relative;
}

---

问题是我无法设置固定宽度，因为内容将动态生成，因此可能有3个步骤，或10个步骤。Hanks，我正在查看，但不幸的是，我无法设置固定宽度。我编辑了我的答案，但它在IE的某些早期版本中不起作用，但我认为您无论如何都不会使用它？…谢谢Elen，快到了。我现在看到的唯一问题是在IE8中，步骤之间的空间不再存在。在IE9和FF9中看起来不错。我在向导步骤div中添加了一个左边距：10px，并将左边距a更改为10px，现在看起来很完美。非常感谢你！

.cont{
    position: absolute;
    right: 0px;
}

.wizard-steps div {
    display: inline-block;
    position:relative;
}