如何在CSS中使用Position属性来防止可滚动的部分

Question

单击信息弹出框后，它将变为可滚动部分。我需要此弹出窗口在下面占用一些额外的空间，而不需要新的滚动部分。

在上图中，出现了中间左侧的新滚动条，并且弹出窗口的一半被隐藏了。

我尝试过“位置：静态”，它给出了我需要的确切行为，即没有滚动并且弹出窗口现在需要完整的空间直到向下，但这会将“信息”图标的相对位置更改为弹出窗口的顶部中间，这是不希望的。如下所示：

/

我需要此弹出窗口不隐藏起来，即为此没有滚动单独的滚动部分。它要么位于本节的其余部分的顶部，要么在下方占据了额外的空间而不会自身隐藏。

Answer 1

经过进一步努力，发现该部分的父级（包含信息图标）的溢出为自动Redirect 301 /landing https://drupal7.mysite.com/web/landing-page 。这就是为什么在此父级内部创建的内容增加后启用滚动的原因。将父级的“溢出”更改为“可见overflow: auto;（也是默认选项），不会创建滚动内容，只会与其他内容重叠（如预期的那样）。 因此，基本上，我无意间给出了不完整的信息。因此，对此表示歉意。