html - 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>

解决方案

用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>

希望对你有帮助

这篇关于html - CSS如何设置DIV滚动条的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！