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%和overflow到auto来显示垂直滚动条。

让我举个例子：

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