Question

我有以下HTML。如何启用innerDiv的滚动？

<html>
<body style="overflow: hidden; margin:0; padding:0; width: 100%; height: 100%;">
    <div id="innerDiv">
        H <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        I<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        !<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <p> Can you see me? </p>
    </div>
</body>
</html>

我尝试过设置#innerDiv { overflow: scroll }，但它的作用不过是在右边添加一个空滚动条。

//编辑：innerDiv的高度不固定。

Answer 1

为什么要将溢出样式设置为隐藏在正文中？我似乎无法理解这一点。只需删除该属性并将其留给它的deffault prop也称为可见，它应该可以工作。

Answer 2

你没有固定#innerDiv的高度，所以它的高度。根据内容改变试试这个

#innerDiv 

{ 

    overflow: auto;

    height:40px; //as your required

 }

Answer 3

你需要为div提供高度。

＆＃13;

<body style="overflow: hidden; margin:0; padding:0; width: 100%; height: 100%;">
<div id="innerDiv" style="overflow: auto;height:100px;">
        H <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        I<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        !<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <p> Can you see me? </p>
    </div>
</body>

＆＃13;

Answer 4

此行为是预期的，因为div的高度不固定，因此其高度将是其内容的高度。这导致没有内容溢出且不需要滚动条。 div高度应固定或设置为父高。

当body设置为“overflow：hidden”时，启用子项滚动？

4 个答案: