UL或DIV垂直滚动条

Question

我的页面上有垂直滚动条的问题.我在div里面的ul里面有很多项目,我尝试使用溢出:自动为div设置样式,但它没有帮助.如何将滚动条垂直添加到ul或div？

<div id="content">
<p>some text</p>
<ul>
<li>text</li>
.....
<li>text</li>
</div>

Answer 1

您需要定义ul或div的高度,并将overflow等于auto设置为auto,如下所示:

<ul style="width: 300px; height: 200px; overflow: auto">
  <li>text</li>
  <li>text</li>

Answer 2

你需要在DIV上设置一个高度.否则它将无限期地继续扩大.

Answer 3

有时无法将高度设置为像素值。但是，可以通过将 div 的高度设置为100%和overflowto 来显示垂直滚动条auto。

让我举个例子：

<div id="content" style="height: 100%; overflow: auto">
  <p>some text</p>
  <ul>
    <li>text</li>
    .....
    <li>text</li>
</div>