如何将按钮的位置更改为 window 内的所需位置?
How to change position of buttons to required location inside window?
我对 window 的样式有一点疑问,我希望屏幕上的这两个按钮出现在 window 的右下角。我需要为这个标签提供哪些样式才能使按钮出现在底部。
我附上了一张图片,说明该职位需要如何 altered:css 造型疑问
帮助将不胜感激。提前致谢。
这样尝试你就能达到你想要的效果。
.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>
把两个按钮放在一个div里面,然后设置div id="something"。然后定义#something的css。
#something{
position:fixed;
bottom:0;
right:0;
}
<button style="position:absolute; bottom:0; right: -290px;">submit</button>
<button style="position:absolute; bottom:0; right: -215px;">cancel</button>
这似乎解决了我关于定位按钮的问题。感谢大家的投入
我对 window 的样式有一点疑问,我希望屏幕上的这两个按钮出现在 window 的右下角。我需要为这个标签提供哪些样式才能使按钮出现在底部。 我附上了一张图片,说明该职位需要如何 altered:css 造型疑问
帮助将不胜感激。提前致谢。
这样尝试你就能达到你想要的效果。
.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>
把两个按钮放在一个div里面,然后设置div id="something"。然后定义#something的css。
#something{
position:fixed;
bottom:0;
right:0;
}
<button style="position:absolute; bottom:0; right: -290px;">submit</button>
<button style="position:absolute; bottom:0; right: -215px;">cancel</button>
这似乎解决了我关于定位按钮的问题。感谢大家的投入