如何以响应方式浮动按钮？

Question

我有一个网络表单，用户需要经常点击 'save'。所以我试图浮动保存按钮。

#floatButton {
   position: fixed;
   top: 900px;
   right: 90px;   
   text-align: center;    
}

<div id="floatButton">
    <asp:Button ID="SaveButton" runat="server" 
    onclick="SaveButton_Click" Text="Save" / >
</div>

该按钮看起来不错，并且在我当前的显示设置（标准分辨率）下浮动。但是在不同的显示设置下，按钮会在表单右侧或底部超出表单。我尝试将位置设置为 'relative' 和 'absolute'。它没有帮助。我想在所有分辨率的表单中都有按钮。我该如何设置？

Answer 1

尝试位置：相对；对于父 div 和 position: absolute for .floatbutton 并相应地固定顶部和左侧

How to float a button in a responsive way?