Html div和溢流

我有以下div模式：

<div id="red">
   <div id="green">
       <div id="blue"></div>
       <div id="blue"></div>
   </div>
 </div>

*红色：集中整个页面，位置：绝对

*绿色：子面板位置：绝对

*蓝色：子面板位置：绝对

为什么蓝色面板溢出然后是绿色面板？我不想在蓝色面板中使用高度

---

您可以设置高度和溢出：以绿色隐藏，这将隐藏包括蓝色在内的所有子项。但是，blue具有

位置：绝对
属性允许它们溢出其父级。需要更改为
位置：相对
或绝对以外的其他位置（如果要隐藏在其中）。
带有
位置：绝对
的元素将从布局流中删除，因此它们不会影响其他元素的位置。因此，如果您有一个内部带有div的容器，并且内部div具有
位置：绝对值
，那么它的高度将不会通知父容器，并且容器将作为空容器，除非您明确地为其指定高度

旁注：ID必须是唯一的，不能有两个元素具有与
blue
相同的ID。改用类。
我们需要更多的css，只有我们不可能知道哪里出了问题的位置。