html - 如何使一个 HTML 元素 "stick"位于另一个元素的底部？

Question

在我的网站上，我有两个不同的元素，一个是显示在给定时间谁在线我的 teamspeak 服务器的脚本，另一个是它下面的一个按钮。我的问题是，当人们加入或离开服务器时，显示脚本的元素会在 Y 轴上上下移动，因此有时按钮之间会有很大的间隙，有时按钮和脚本会重叠。

我的问题是，如何将按钮粘贴到显示脚本的底部，使按钮随着扩展和收缩脚本沿 Y 轴移动？

非常感谢您的帮助。用于脚本定位的 CSS 是内联的，因此我将其粘贴在下方。

<?php if($browser == 'iphone'){ ?><div style="width:350px; height:325px; overflow:hidden; position:static;"><?php } ?>

Answer 1

按钮是显示脚本的子项吗？如果是这样，请尝试将此添加到按钮:

position: absolute;
bottom: 0;

或者，您可以通过添加 max-height 和 max 来防止脚本扩展或变小，确保按钮保持在应有的位置并且脚本保持在应有的位置-width，再加上 overflow: hidden 理论上可以工作，尽管没有更好地理解这两个元素之间的关系，我不确定是否有适合您的解决方案。