html - 定位元素在右上角

Question

我有一个Fiddle，其中包含一个 div、一些文本和一个按钮。

无论 div 有多大，或者 div 中有多少文本，我都想将按钮放在 div 的右上角。

我虽然像

float: right;
position: relative;

可能会成功，但这不起作用，因为 div 中的“文本”会按下按钮。

有一个更好的方法吗？也许absolute将按钮放置在右上角，而不是relative？

Answer 1

如果您使用绝对定位，您可以简单地使用top和right来相对于右上角定位按钮。

#myButton {
    position: absolute;
    top: 0;
    right: 0;
}

jsFiddle 演示

请注意，当绝对定位时，元素会从 flow 中取出<p>，因此如果它们足够大，其他元素（例如那里）可以“低于”它。

Answer 2

只是将按钮样式更改为

#myButton {
    cursor: pointer;
    position: absolute;
    top:5px; 
    right: 5px;    
}

这是你想要的？

Answer 3

我想你想要的是绝对定位，所以试试吧

position: absolute;
top: 0;
right: 0;