我试图在聊天中的最后一条消息和页面底部之间留出一些空间,这样我的文本区域就不会与最后一条消息重叠。两个 div 都在同一个父容器中。这里有什么最佳实践想法吗?
<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>
最佳答案
如果两个 div 在同一个父级中,那么我假设您在 chatDiv 中使用了 position: absolute
和 bottom: FOOpx
现在。
在这种情况下,您可以将 padding-bottom: BARpx
设置为您的 prevChatBox
如果您不打算在这里使用 position: absolute
,您应该再次检查,因为在正常情况下 chatDiv 不会与您的 prevChatbox 重叠
您可以使用 stackoverflow 的代码片段功能来发布您的问题吗
关于html - 页面底部的聊天消息空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58314611/