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

Question

我有Fiddle，其中包含div，部分文字和按钮。

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

我喜欢

float: right;
position: relative;

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

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

Answer 1

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

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

jsFiddle Demo

请注意，当绝对定位时，元素为taken out of the flow，因此其他元素（如那里的<p>）如果足够大则可以“低于”它。

Answer 2

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

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

Answer 3

刚刚将按钮样式更改为

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

这是你在找什么？