定位元素位于<div>的右上角

Question

我有一个包含div，一些文本和一个按钮的小提琴 。

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

我有点像

float: right;
position: relative;

可以做到这一点，但这不起作用，因为div中的'text'会按下按钮。

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

Answer 1

如果使用绝对定位，只需使用top和right相对于右上角定位按钮即可。

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

jsFiddle演示

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

Answer 2

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

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

Answer 3

刚刚将按钮样式更改为

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

这是你想要的？