我有一个Fiddle,其中包含一个 div、一些文本和一个按钮。
无论 div 有多大,或者 div 中有多少文本,我都想将按钮放在 div 的右上角。
我虽然像
float: right;
position: relative;
可能会成功,但这不起作用,因为 div 中的“文本”会按下按钮。
有一个更好的方法吗?也许absolute
将按钮放置在右上角,而不是relative
?
如果您使用绝对定位,您可以简单地使用top
和right
来相对于右上角定位按钮。
#myButton {
position: absolute;
top: 0;
right: 0;
}
请注意,当绝对定位时,元素会从 flow 中取出<p>
,因此如果它们足够大,其他元素(例如那里)可以“低于”它。
只是将按钮样式更改为
#myButton {
cursor: pointer;
position: absolute;
top:5px;
right: 5px;
}
这是你想要的?
我想你想要的是绝对定位,所以试试吧
position: absolute;
top: 0;
right: 0;