如何将按钮的位置更改为窗口内所需的位置？

Posted 2023-05-08

【中文标题】如何将按钮的位置更改为窗口内所需的位置？

【英文标题】：How to change position of buttons to required location inside window?

【发布时间】：2018-04-14 14:52:02

【问题描述】：

我对窗口的样式有一点疑问，我希望屏幕上的这两个按钮出现在窗口的右下角。我需要给这个标签什么样式才能使按钮出现在底部。 我附上了一张需要如何改变位置的图片：css样式疑问

我们将不胜感激。提前致谢。

【问题讨论】：

分享您尝试过的工作代码.. 并查看***.com/help/how-to-ask

请分享您的尝试。请阅读community guidelines

【参考方案1】：

这样尝试，你可以达到你想要的。

.wrapper 
  position: relative;
  width: 200px;
  height: 200px;
  background: #ccc;

.buttons 
  position: absolute;
  bottom: 0;
  right: 0

<div class="wrapper">
 <div class="buttons">
   <button>submit</button>
    <button>reset</button>
 </div>  
</div>

【参考方案2】：

<button style="position:absolute; bottom:0; right: -290px;">submit</button>

<button style="position:absolute; bottom:0; right: -215px;">cancel</button>

这似乎解决了我关于定位按钮的问题。谢谢大家的投入

【参考方案3】：

将两个按钮放在一个 div 中并设置 div id="something"。然后定义#something的css。

#something
   position:fixed;
   bottom:0;
   right:0;