CSS如何设置DIV滚动条

已注销
  • 353

新手勿喷。设置一个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>
回复
阅读 3.9k
2 个回答
✓ 已被采纳

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>

希望对你有帮助

枫s的思念
  • 2.4k

可以给div设置overflow-yauto属性,关于overflow的详细用法,可参考overflow属性

宣传栏