堆栈列表与编辑按钮使用div

Question

我试图建立一个使用div的堆栈列表，我有3div水平显示，但我想要这些div中的一个类似于一个编辑按钮，将始终出现在右上角，而不管其他div。下面是一个例子。

......................................
| XXXXXXX | XXXXXXXX | edit |
………．………………|,,,,,,, |
| XXXXXXX | XXXXXXXX |      |
......................................

所以我可以在左边添加多行，但是编辑按钮总是在右上方。我可以使用表格来开发它，但我相信你们DIV专家有更好的解决方案。

欢呼,

Answer 1

您可以使用position absolute:

例如

css:

.parent{
  position:relative;
}
.edit{
 position:absolute;
 top:0;
 left:0;
}

HTML:

<div class="parent">
 <div class="edit"></div>
 <div class="child"></div>
<div class="child"></div>
<div class="child"></div>
</div>

查看此文章http://css-tricks.com/791-absolute-positioning-inside-relative-positioning/