Как сделать один элемент HTML «привязанным» к нижней части другого?

Question

На моем веб-сайте у меня есть два разных элемента, один из которых является скриптом, который отображает, кто в данный момент подключен к моему серверу teampeak в данный момент времени, а другой - к кнопке ниже. Моя проблема заключается в том, что когда люди присоединяются или покидают сервер, элемент, который отображает сценарий, перемещается вверх и вниз по оси 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 и a max-width, в сочетании с overflow: hidden теоретически будет работать, хотя без лучшего понимания того, как эти два элемента связаны друг с другом, я не уверен в правильном решении для вас.