Question

我试图通过声明position: Fixed;来修复按钮，但它适用于整页。是否有任何解决方案，以便为具有height:200px的div修复该按钮。我想要做的是为父母的div高度固定的按钮。任何帮助肯定都是有用的。

我这样做了

    <div style="Height:200px; width:45%;">
      <div style="position:fixed; top:100px; left:253px;">
             <asp:Button ID="ReplyEventButton" runat="server" Text="Reply to this Ad"  />
      </div>
    </div>

Answer 1

使用position: absolute代替fixed。您的父div需要position: relative。

<div style="height:200px; width:45%; position:relative;">
  <div style="position: absolute; top:100px; left:253px;">
         <asp:Button ID="ReplyEventButton" runat="server" Text="Reply to this Ad"  />
  </div>
</div>

Answer 2

您是否希望按钮相对于其包含div而定位，但略微偏移？

如果这是您要求的，请尝试以下方法：

<div style="height: 200px; width: 45%;">
  <div style="margin-top: 100px; margin-left: 253px;">
     <asp:Button ID="ReplyEventButton" runat="server" Text="Reply to this Ad"  />
  </div>
</div>

这会在不将页面流从页面流中删除的情况下对元素进行抵消。

如果您希望将其与页面流分开，请遵循easwee使用相对父母和绝对孩子的建议。

希望这有帮助。

Answer 3

尝试这样的事情：

<div style="position: relative; Height:200px; width:45%;">
  <div style="position: absolute; top:100px; left:253px;">
         <asp:Button ID="ReplyEventButton" runat="server" Text="Reply to this Ad"  />
  </div>
</div>

如何修复div按钮的位置

3 个答案: