如果孩子太大,可以在父div中创建一个子div-y可滚动

时间:2016-03-30 23:53:07

标签: html css

这是我的问题,这是非常罕见所以这就是为什么我在这里问这个问题:

我有一个父div,名为middle(它本身位于名为row的父div中,其高度设置为315px)。此middle包含两个div div1scrollable_div

div1具有确定的高度,无意改变。另一方面,scrollable_div包含一个旨在进化的列表(通过javascript方法),这意味着如果列表包含太多元素,它将最终重叠并在列表中尽快做一些疯狂的事情到达行的高度。我想要一个卷轴出现,以便在列表太大时不会完全破坏这个好看的页面。

此处为codepen:here其中elname代表元素名称。 (row1有紫色背景,不可滚动列表有橙色背景。)

不要犹豫告诉我,我想要的是不是很容易理解。

1 个答案:

答案 0 :(得分:3)

只需为可滚动div设置高度,然后设置y overflow属性....

Updated CodePen

.scrollable_div { height:130px; overflow-y:scroll;}