CSS如何设置DIV滚动条

Question

新手勿喷。设置一个div高度，然后内容过多时，出现滚动条的功能

<div style="height:100px;">
    <ul>
      <li>A</li>
      <li>B</li>
      <li>C</li>
      <li>D</li>
      <li>E</li>
      <li>F</li>
      <li>G</li>
      <li>H</li>
      <li>I</li>
      <li>J</li>
      <li>K</li>
      <li>L</li>
      <li>M</li>
      <li>N</li>
      <li>O</li>
      <li>P</li>
      <li>Q</li>
      <li>R</li>
      <li>S</li>
    </ul>
</div>

Answer 1

用overflow-y:scroll;就行了。例如

.scroll {height:100px; overflow-y:scroll;}
.scroll ul {margin:0; padding:0;}
.scroll ul li {list-style:none; }
<div class="scroll">
    <ul>
        <li>A</li>
        <li>B</li>
        <li>C</li>
        ...
        ...
        <li>S</li>
    </ul>
</div>

希望对你有帮助

Answer 2

可以给div设置overflow-y的auto属性，关于overflow的详细用法，可参考overflow属性