我的HTML页面中有一个RadioButton
,其中有一个div
,看来工作正常。
但是,当我向该可滚动子级添加内容时,页面的overflow-y: scroll;
的高度会增加,从而使整个页面都可以滚动。但是向下滚动页面会显示空白的背景色空间。
body
似乎正在为可滚动子代内部的内容分配空间,尽管该子代是可滚动的,因此不需要主体分配此空间。
是否存在导致此问题的样式属性,并且存在可以修复此问题的样式属性(或移除了该属性)?
编辑:
作为提示,我的可滚动子元素具有body
,当我将其更改为display: flex;
时,它的新位置正好延伸到display: block;
所具有的额外空间的底部。因此,好像body
的行为好像子body
拥有div
一样,而忽略了其实际的display: block;
值。
答案 0 :(得分:0)
据我了解,您在父元素内有一个子元素。您希望子元素可滚动,但父元素不可滚动。是吗?
在许多情况下,仅添加溢出-y:子元素可能还不够。
尝试添加溢出-y:隐藏;设置为父元素,并为子元素设置max-height。
应该可以解决此问题。 干杯:)