Question

如果div中有太多文本（例如conversationList或会话），我希望我可以向下滚动阅读更多内容。我的问题是div不会自己调整大小。这就像他们都是固定的。请参阅我的JSFiddle。

HTML

<body>
   <header>
        Text
   </header>
   <main>
        <nav>
            <a href="#">LINK 1</a><br>
            <a href="#">LINK 2</a><br>
            <a href="#">LINK 3</a><br>
            <a href="#">LINK 4</a><br>
        </nav>

        <section id="pageTitle">
          Title
         </section>

         <section id="conversationList">
           List of Items
         </section>

         <section id="conversation">
           Conversation
         </section>
    </main>
</body>

Answer 1

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

overflow-y: scroll; 
height:400px;

Answer 2

正如评论中所说，如果你删除了这个位置：从你的css中修复了＆＃34; main＆＃34;元素，它将使该部分与其内容一起扩展。

编辑：只能从主页中删除它，而不是从标题中删除它，你仍然会有一个固定的标题。

CSS div不适应内容

2 个答案: