Javascript 集装箱部门不'；无论发生什么事，我都不会选择100%的身高

关于这一点，至少有2000个问题，但在我的特定场景中，我尝试过的都不起作用

• 我的页面由两个嵌套的div组成（

  external

  ，

  contents

  ）

• 内容

  可单击，应覆盖文档的100%

• 内容中还有一堆绝对定位的div：用户可以拖动这些div，它们可以位于任何位置
  

如果这些div足够多，就会出现滚动条。而且我的

内容

受当前浏览器窗口高度的限制，因此当我开始滚动时，它会被剪切：

这是一个密码笔：

我试过

• 一个接一个地设置所有事物的

  min height

• 在每件事上增加灵活性；像这样漂浮，像那样漂浮
• 使用

  %

  ，

  vh

  ，

  vmax

当滚动条由一堆“普通”div组成时，

minheight

可以很好地工作，但与这些绝对的家伙在一起我就不走运了。我可能会错过一些显而易见的事情，我会很感激解决方案

更新：

---

有人建议添加

位置：relative；overflow-y:auto

到

内容

在我的情况下有效！但我还没来得及问为什么会这样，答案就被删除了

解决方案1

• 将

  项

  包装到另一个名为

  侧栏的div中

• 我在

  .sidebar

  中添加

  项

  ，而不是

  #内容

• 您可以在

  #external

  中使用

  网格

  ，就像我在

  css中使用的那样
  

var target=document.querySelector（“.sidebar”）；
对于（var i=1；i绝对定位元素从流中删除，因此被其他元素忽略。因此，您不能根据绝对定位元素设置父级高度。您可以使用固定高度，也可以使用一些js代码。根据副本，包含position:Absolute的块是最近的定位anc因此，您需要添加位置：相对于其父对象，然后您可以overflow@SergeyKritskiy让我知道你是否需要更多的澄清。谢谢你的回答，我想为了让我的例子简单化，我把它简化了：很抱歉。我实际上需要这些项目是绝对的，它们不是必需的。我更新了我的问题和代码这里有一个来自某人的答案，建议将
位置：相对；scroll-y:auto
添加到
内容中，这在我的情况下起了作用！但在我能够问清楚原因之前，答案被删除了worked@SergeyKritskiy我已经更新了我的答案。
项
现在是
绝对
@Serge我添加了另一个解决方案。