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; 
}