html - CSS中的多个位置选择器

Question

我有多个 Div 用作按钮。如果我将位置设置为相对，我可以使用 float left 将它们全部放在彼此相邻的一行上。它们也出现在父 div 的顶部。我希望按钮出现在父 div 的底部。是否可以给一个元素两个位置值，如

position: relative;
float: left;

并且

position: absolute;
bottom: 0;

我有一种感觉，这是某种逻辑错误，我不确定如何执行此逻辑。

Answer 1

只需将它们放入包装器中

<style>div.buttons{position:absolute;bottom:0;}</style>
<div class="buttons">...</div>

Answer 2

如果浮动有问题，请使用 display:inline-block; 用于定位添加position:relative到父 div，并用于position:absolute子 div。

请注意使用显示内联块，您需要对 IE7 进行额外的修改*display:inline（如果您仍然支持它），如果您看到空格 btw 按钮，请参阅