如何将一个HTML元素“粘贴”到另一个的底部？

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会起作用，虽然不能更好地理解这两个元素之间的关系，但我不确定是否适合你。