子div是可滚动的,但是在子div中添加内容时,身体的高度仍会增加

时间:2018-08-18 17:20:43

标签: html css scroll

我的HTML页面中有一个RadioButton,其中有一个div,看来工作正常。

但是,当我向该可滚动子级添加内容时,页面的overflow-y: scroll;的高度会增加,从而使整个页面都可以滚动。但是向下滚动页面会显示空白的背景色空间。

body似乎正在为可滚动子代内部的内容分配空间,尽管该子代是可滚动的,因此不需要主体分配此空间。

是否存在导致此问题的样式属性,并且存在可以修复此问题的样式属性(或移除了该属性)?


编辑: 作为提示,我的可滚动子元素具有body,当我将其更改为display: flex;时,它的新位置正好延伸到display: block;所具有的额外空间的底部。因此,好像body的行为好像子body拥有div一样,而忽略了其实际的display: block;值。

1 个答案:

答案 0 :(得分:0)

据我了解,您在父元素内有一个子元素。您希望子元素可滚动,但父元素不可滚动。是吗?

在许多情况下,仅添加溢出-y:子元素可能还不够。

尝试添加溢出-y:隐藏;设置为父元素,并为子元素设置max-height。

应该可以解决此问题。 干杯:)