使用Divs编辑按钮的堆栈列表

Question

我正在尝试使用DIV构建一个堆栈列表我有3个水平显示的div但是我希望其中一个div类似于一个编辑按钮，无论其他div如何都会出现在右上方。这是一个例子。

......................................
| xxxxxxx | xxxxxxxx |编辑|
............................ | |
| 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/