Question

我在CSS中遇到overflow属性时遇到问题。基本上我的问题是，而不是在div内滚动的内容。内容扩展到div之外，并使页面滚动。

任何想法？

先谢谢，

Curlip。

小提琴：https://jsfiddle.net/fdqrpmok/4/基本上是我的代码，只是没有所有不相关的CSS。

Answer 1

您需要为包装div设置height

JS Fiddle 1

＆＃13;

<div style="max-width: 100px; height:150px">
  <ul style="height: 100%; overflow-y: auto; width: 100px;">
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
    <li>Blah</li>
  </ul>
</div>
<div style="background: orange;">
  100px
</div>

＆＃13;

更新：适用于100％高度包装JS Fiddle 2

溢出：自动。扩展过去的div？

1 个答案: