如何将右侧元素推到顶部

Question

我有两列，其中一列我向左浮动，另一列向右浮动。

右侧有输入按钮。

由于某种原因，按钮位于列的中间，我希望它们一直垂直对齐到顶部和右边。

我该怎么做？它只是玩填充吗？

<div id="blah">
  <div id="left">
    <ul><li></li></ul>
</div>
  <div id="right"><input type=image src="" /> <input type=image src=""/></div>
</div>

这些按钮与UL的底部垂直对齐。

Answer 1

您可以使用以下附加容器包装它们：

#buttons-wrapper: {
   position: absolute;
   top: 0;
}

（父容器应该有位置：相对）

Answer 2

首先，你应该只将右边的div浮动到右边，并在标记中的left-div之前使用它。另一个div将自动向左移动，你不需要任何清除div。

无论如何，div在默认情况下会将其内容垂直对齐，如果你想让它们右对齐，只需将text-align: right;添加到CSS中。

Answer 3

你试过了吗？

#right-container
{
    vertical-align: top;
}