CSS：是否可以在高度爲自動的div內嵌入高度爲100％的div？

Question

我想在另一個div中使用div作爲divider，並且它沒有顯示出來。我想如果我將divider的高度設置爲100％，它會自動調整到包含div的高度，我已將它設置爲「auto」作爲高度。

如果我將包含div的高度更改爲精確的像素量，則分隔div會啓動並正常工作。我想讓它自動調整的原因是因爲包含div的多個實例會有不同的內容，這會使高度因人而異，所以只爲它們設置精確的像素數量是不夠的。

這裏是我創建

.container{ 
    width:600px; 
    height:auto; 
    margin:auto; 
    float:left; 
    display:block; 
    } 
#divider{ 
    width:4px; 
    height:100%; 
    float:left; 
    display:block; 
    } 

的CSS是我的錯編碼，還是有在作怪別的東西，使這個不可能的？提前感謝你的幫助。

Answer 1

100％是相對於父母。嘗試使它100 vh。 Codepen

#divider{ 
    width:4px; 
    height:100vh; 
    float:left; 
    display:block; 
}