如何在位置css中放置正确的位置？

Question

我有一个

，其权重为100％，应在右侧放置一个按钮。但是我的代码不起作用。谁能帮我找出原因？

<div style="width:100%">
   <span>some text</span>
   <input style="position:relative; right:0px;" type="button"/>
</div>

我有一个

，其权重为100％，应在右侧放置一个按钮。但是我的代码不起作用。谁能帮我找出原因？

某些文本＆...

div必须是我的亲戚，绝对是按钮。

 <div style="width:100%; position: relative;">
    <span>some text</span>
    <input style="position:absolute; right: 0px;" type="button"/>
 </div>

Answer 1

div必须是我的亲戚，绝对是按钮。

 <div style="width:100%; position: relative;">
    <span>some text</span>
    <input style="position:absolute; right: 0px;" type="button"/>
 </div>

Answer 2

您需要将父div元素的位置设置为相对位置，然后将按钮的位置设置为绝对位置，现在您可以将按钮放置在父div中的任何位置：

<div style="width:100%; position:relative">
    <span>some text</span>
    <input style="position: absolute; right:0px;" type="button"/>
</div>