css - 如何将新的可见高度强制设置为 div 并使用滚动条功能显示其余部分?

标签 css html overflow

我有一个 <div id='x' />高度为 300px

在里面我想放一个<div id='y' />高度 600px

现在,当我这样做时,Y div 出现在它的全高位置,因为我希望它出现最多 300px(高度)并添加 Y 轴滚动条功能以显示其余部分

我正在添加 overflow-y:visible到我的 Y div 但我没有得到我想要的结果,没有任何改变

我是 web 开发的新手,当涉及到嵌套 div 和强制高度、添加滚动条等时,我感到很困惑

在这种特定情况下,我究竟该如何实现我想要的?

最佳答案

它不会像您想象的那样工作。如果您在这里使用其他答案,您将得到两个滚动条,一个用于 x,一个用于 y。如果将 x 设置为 overflow:hidden,x 保持正确的大小,但 y 的滚动条超出 x 的底部。

您要做的是将两个 div 设置为相同大小(或 y 小于 x)并让溢出完成工作。如果它无论如何都要滚动,那么将 y 变大是没有意义的。

#x{max-height:100px;height:100px;overflow:hidden;}
#y{height:100px;overflow-y:scroll;}​

演示:http://jsfiddle.net/calder12/V9THr/1/

关于css - 如何将新的可见高度强制设置为 div 并使用滚动条功能显示其余部分?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13332505/

相关文章:

Css: overflow-wrap: break-word; word-wrap: break-word;差异

html - 将带有两个 div 标签的页面分成两部分,每个部分都有自己的滚动条

javascript - 创建 div 并动态添加图像

css - 将不同大小的文本对齐到底部

css - 我想让两个 div 扩展到一个容器 div 的宽度,但是我留下了水平空间

javascript - 如何在jquery中从右到左切换div

html - 显示 :table + display: table-cell does vertical align but divs have nonsense widths

html - 面向开发人员的 CSS/HTML 教程/书籍

javascript - 插入脚本标签未捕获语法错误: Unexpected identifier

css - 对 css float 感到困惑