javascript - 修复 asp.net 中 div 的按钮

Question

我有一个 div 和一个 button 需要修复。我的 HTML 代码如下:

<div id="MyMainContent" style="width:100%;float:left">
    <div style="width:70%; float:left;">MyContent</div>
    <div style="width:28%; float:left;left: 67%; position: fixed;">
        <asp:Button ID="ReplyButton" runat="server" Text="Reply" />
    </div>
</div>

整个页面的按钮是固定的。当我向下滚动页面时，它是页面。我希望按钮仅针对 div MyMainContent 固定。

我已经在 MyMainContent 中尝试过这个 css

style="width:100%;float:left;position:relative"

但它显示相同的结果。 有解决办法吗？肯定会感谢任何帮助或链接。

Answer 1

固定定位的元素将相对于窗口定位。它不会随页面滚动。

如果你想让它相对于一个div定位，

将按钮放在 MyMainContent 内，并相对于 MyMainContent 绝对定位。

换句话说，将 position:relative 赋予 MyMainContent 并为按钮应用 position:absolute 并使用 将其定位在 div 中>右上左下属性。

绝对定位元素将相对于具有非静态位置的第一个父元素定位。