的div和溢出

Question

我有以下的div模式：

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

*紅：集中整個頁面，位置：絕對

*綠色：子面板的位置是：絕對

*藍色：子面板位置：絕對！

爲什麼藍色面板會溢出綠色面板？我不想在藍色面板中使用高度？

Answer 1

您可以設置高度和溢出：隱藏在綠色，這應該隱藏任何兒童包括藍色。但是，藍色有position:absolute屬性允許他們溢出他們的父母。如果你想隱藏的話，需要改爲position:relative或除絕對之外的其他位置。

Answer 2

帶有position: absolute的元素從佈局流程中取出，因此它們不會影響其他元素的位置。所以，如果你有一個內部有div的容器，並且內部div有position: absolute，那麼它的高度將不會被通知給父級，並且容器將充當空的，除非你明確給出它的高度。

附註：ID必須是唯一的，不能有與blue相同ID的兩個元素。改用類。