Question

如何在块级元素的右上角添加按钮？让我们说：

<div>some content here</div>

并且假设这个内容足够长，可以制作一个“块”，如何格式化块的右上角，就在块的旁边？

Answer 1

（1）一种方法是将button右侧浮动到容器的顶部。

<div><button>My Button</button>some content here</div>

div + button {
float: right;
}

（2）另一种方法是将button绝对放在div容器内，并提供div容器位置（以便元素绝对位于内部它与这个容器相关）。这样，按钮可以在标记中的任何位置，只要它在容器内。

div {
position: relative;
}

div button {
position: absolute;
top: 0;
right: 0;
}

但是，按钮现在位于容器内的其他内容之上，因此您可能需要使用填充等进行调整。

Answer 2

绝对定位：

<div style="position: relative;">
    some content here
    <div style="position: absolute; top: 0; right: 0;"><input type="button" value="x" /></div>
</div>

在块级元素的右上方添加按钮

2 个答案: