Html CSS div不适应内容

如果div中有太多的文本（例如conversationList或conversation），我希望我可以向下滚动阅读更多内容。我的问题是div不会自行调整大小。好像他们都修好了。请看我的

HTML

文本








标题
项目清单
会话

尝试为滚动div添加此样式：

overflow-y: scroll; 
height:400px;

---

正如在评论中所说的，如果您从css中删除“main”元素的position:fixed，它将允许该部分随内容扩展

---

编辑：只从main中删除它，而不是从header中删除它，你仍然会有一个固定的header。

演示中的

div

在哪里？问题是你的

位置：fixed

在

main

标记中。哦，我忽略了这个错误：/div本身就有这种行为，你用自己的CSS破坏了它。解决这个问题的一个有建设性的方法是分解CSS，看看哪种样式破坏了默认行为。这将使您自己和其他人更容易找到解决方案，并且您将对某些属性的副作用有更深入的了解。对不起，我不希望在我的div中有滚动条。它应该只会更大（增加高度）增加高度到哪个部分？你的演示中没有div哦，我忽略了这个错误：/

overflow-y: scroll; 
height:400px;