开发者社区> 问答> 正文

CSS如何设置DIV滚动条

杨冬芳 2016-06-23 16:09:37 919

设置一个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>
前端开发
分享到
取消 提交回答
全部回答(1)
  • 西秦说云
    2019-07-17 19:46:30

    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>

    希望对你有帮助

    0 0

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程