这是我的问题,这是非常罕见所以这就是为什么我在这里问这个问题:
我有一个父div,名为middle
(它本身位于名为row
的父div中,其高度设置为315px)。此middle
包含两个div div1
和scrollable_div
。
div1
具有确定的高度,无意改变。另一方面,scrollable_div
包含一个旨在进化的列表(通过javascript方法),这意味着如果列表包含太多元素,它将最终重叠并在列表中尽快做一些疯狂的事情到达行的高度。我想要一个卷轴出现,以便在列表太大时不会完全破坏这个好看的页面。
此处为codepen:here其中elname
代表元素名称。 (row1有紫色背景,不可滚动列表有橙色背景。)
不要犹豫告诉我,我想要的是不是很容易理解。
答案 0 :(得分:3)
只需为可滚动div设置高度,然后设置y overflow属性....
.scrollable_div { height:130px; overflow-y:scroll;}