Html CSS中的多个位置选择器

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

position: relative;
float: left;

而且

position: absolute;
bottom: 0;

---

我感觉这是某种逻辑错误，我不知道该如何做这个逻辑。

把它们放到包装器中

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

div.buttons{位置：绝对；底部：0；}
...

如果浮点出现问题，请使用display:inline block；对于定位，将

position:relative

添加到父div，并使用

position:absolute

添加到子div

---

请注意，对于display inline block，您需要对IE7进行额外的破解

*display:inline

（如果您仍然支持它），如果您看到空白的btw按钮，

不，您不能在一个css中同时使用两个位置，它将相互覆盖