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

Css 使用Divs编辑按钮的堆栈列表,css,layout,html,Css,Layout,Html,我试图建立一个堆栈列表使用DIV的我有3个DIV显示水平,但我希望这些DIV之一是类似的编辑按钮,将始终显示右上角,而不管其他DIV。这里有一个例子 。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 |xxxxxxxx | xxxxxxxx |编辑| ............................| | |xxxxxxxx | xxxxxxxx || 因此,我可以在左侧添加多行,但“编辑”按钮始终位于右上角。我可以使用表来开发此功能,但我相信DIV专家会有

我试图建立一个堆栈列表使用DIV的我有3个DIV显示水平,但我希望这些DIV之一是类似的编辑按钮,将始终显示右上角,而不管其他DIV。这里有一个例子

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 |xxxxxxxx | xxxxxxxx |编辑| ............................| | |xxxxxxxx | xxxxxxxx ||

因此,我可以在左侧添加多行,但“编辑”按钮始终位于右上角。我可以使用表来开发此功能,但我相信DIV专家会有更好的解决方案

干杯,

您可以使用绝对位置:

比如说

css:

HTML:


检查这篇文章

我用过这个,但没有用?
.parent{
  position:relative;
}
.edit{
 position:absolute;
 top:0;
 left:0;
}
<div class="parent">
 <div class="edit"></div>
 <div class="child"></div>
<div class="child"></div>
<div class="child"></div>
</div>