html - 当正文设置为 `overflow: hidden` 时启用子项滚动?

标签 html css

我有以下 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的高度不固定。

最佳答案

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

#innerDiv 

{ 

    overflow: auto;

    height:40px; //as your required

 }

关于html - 当正文设置为 `overflow: hidden` 时启用子项滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36964937/

相关文章:

css - 结合伪元素和伪类是行不通的

php - 如何防止自定义发布请求到表单的 "action"页面

java - 我可以在 parsys 里面有一个 parsys 吗

javascript - 鼠标点击方 block 的流畅移动

javascript - 使用多个可选择的选项卡

javascript - 围绕现有元素包装 HTML

html - 如何构建具有固定宽度/高度和 2 列复选框的字段集

jquery - 直接链接到表格选项卡

javascript - 查询 : Adding new <Li> inside <Div> <UL>

javascript - -webkit-overflow-scrolling 打破了绝对定位