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

Question

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

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

现在，当我这样做时，Y div 出现在它的全高度，我希望它出现在 300 像素（高度）并添加 Y 轴滚动条功能以便其余部分出现

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

我对 Web 开发相当陌生，当涉及到嵌套 div 和强制高度、添加滚动条等时，我感到很困惑

在这种特定情况下，我究竟如何才能实现我想要的？

score 1 · Accepted Answer

1

尝试溢出：自动；在 id 为 x 的 div 上

于 2012-11-11T15:25:12.850 回答

score 1 · Accepted Answer

如果要隐藏溢出，请执行此操作

#x {overflow: auto};

如果你想在里面做一个滚动条，请这样做

#x {overflow: scroll};

score 1 · Accepted Answer

它不会像你想象的那样工作。如果您在此处使用其他答案，您将获得两个滚动条，一个用于 x，一个用于 y。如果将 x 设置为溢出：隐藏，x 保持正确大小，但 y 的滚动条超出 x 的底部。

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

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

score 1 · Accepted Answer

这很简单。您只需overflow:scroll;将 Y 轴滚动条应用于容器即可。检查这个小提琴 http://jsfiddle.net/DeepakKamat/vBFJG/3/

如果你想让一个元素溢出 #y 元素，那么添加overflow:visible;到 #y将无济于事。<div>

4 回答 4