开发者社区> 问答> 正文

CSS如何设置DIV滚动条

设置一个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>

展开
收起
杨冬芳 2016-06-23 16:09:37 2338 0
1 条回答
写回答
取消 提交回答
  • 码农|Coder| Pythonista

    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>

    希望对你有帮助

    2019-07-17 19:46:30
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载