gpt4 book ai didi

html - 当父项具有 100% 高度时,嵌套溢出滚动隐藏的溢出不起作用

转载 作者:行者123 更新时间:2023-11-28 14:09:04 26 4
gpt4 key购买 nike

<分区>

我需要隐藏正文的溢出,以便在子元素具有溢出内容但本身溢出设置为滚动时不破坏布局。我已经为此搜索了 4 个多小时,并尝试了我能想到的一切,但没有成功。

有没有一种方法可以无需 javaScript 在运行时设置固定大小?

代码如下:

body
{
overflow: hidden;
}
#parent {
background-color: blue;
padding: 10px;
height: 100%;
min-height: 100%;
max-height: 100%;
}

#scroller {
overflow: scroll;
padding: 10px;
background-color: red;
height: 100%;
}

#child {
height: 10000px;
background-color: green;
}
<div id="parent">
<div id="scroller">
<div id="child">
Overflowing content goes here...
</div>
</div>
</div>

https://jsfiddle.net/kn5xv0y3/9/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com