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

【问题标题】：How to float a button in a responsive way?如何以响应方式浮动按钮？
【发布时间】：2019-07-08 22:31:30
【问题描述】：

我有一个网络表单，用户需要经常点击“保存”。所以我正在尝试浮动保存按钮。

#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>

该按钮看起来不错，并且可以根据我当前的显示设置（标准分辨率）浮动。但是在不同的显示设置上，按钮会在表单右侧或底部离开表单。我尝试将位置设置为“相对”和“绝对”。它没有帮助。我想在所有分辨率的表单中都有按钮。如何设置？

【问题讨论】：

【解决方案1】：

尝试位置：相对；对于父 div 和位置：绝对为 .floatbutton 并相应地固定顶部和左侧

【讨论】：