Css 主容器未显示滚动条

大家好，希望你们一切顺利！所以实际上我在聊天室工作，我在显示信息时遇到了问题。你可以看到，当我输入一条消息时，消息框会下降。相反，我希望顶部的消息位于导航栏后面，我希望显示消息的容器显示滚动条，以便消息发送框保持在原位 my index.php

正文{
溢出：无；
}
.集装箱{
边框：2倍实心#深底；
背景色：#f1f1；
边界半径：5px；
填充：10px；
利润率：10px0；
溢出：自动；
}
.深色{
边框颜色：#ccc；
背景色：#ddd；
}
.容器：：之后{
内容：“；
明确：两者皆有；
显示：表格；
}
.集装箱img{
浮动：左；
最大宽度：60px；
宽度：100%；
右边距：20px；
边界半径：50%；
}
.集装箱，对{
浮动：对；
左边距：20px；
右边距：0；
}
.时间对吗{
浮动：对；
颜色：#aaa；
}
1.还剩时间{
浮动：左；
颜色：#999；
}

11:00
发送

您有两个

.container

：一个用于消息，另一个用于表单。您需要将两者分开，因此为消息的容器提供一个id。然后，您可以使用该id为容器设置一个高度

HTML

<div class="container" id="msg">...</div>
<div class="container">...</div>

---

看看这个

FYI，您不应该在

tagshmmm中包含类似

的块级元素。这不是一个解决方案，只是一般建议

#msg {
  height: 100px;
}