Пространство сообщений чата внизу страницы

Question

Я пытаюсь создать пространство между последним сообщением в чате и нижней частью страницы, чтобы моя текстовая область не перекрывала последнее сообщение. Оба элемента находятся в одном родительском контейнере. Любые лучшие практики здесь?

<div class="prevChatBox">
    <!-- previous chats boxes -->
    <ul id="chats"></ul>
</div>

<div class="chatDiv">
    <textarea id="chatInput" autocomplete="on" placeholder="Type your message here!"></textarea>
    <button type="button" id="messageSubmit">
        Submit
    </button>
</div>

Answer 1

Если оба div находятся в одном и том же родительском элементе, я предполагаю, что вы используете position: absolute и bottom: FOOpx в вашем chatDiv . В этом случае вы можете установить padding-bottom: BARpx на prevChatBox

. В случае, если вы не собираетесь использовать position: absolute, вам следует проверить еще раз, потому что в обычном случае chatDiv не будет перекрывать вашу prevChatbox

Можете ли вы использовать функцию кода фрагмента stackoverflow для публикации вашего вопроса