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 Demo

请注意绝对定位时，元素是taken out of the flow ，因此其他元素(如那里的 <p>)如果足够大，则可以在其“下方”。