Jquery 设置子对象'；s宽度到纯CSS中父级的高度

我可以在纯CSS中将

子div

的宽度设置为它的

父div

高度吗

到目前为止，我一直在jQuery中：

$("#child-div").width($("#child-div").parent().height());

这在纯CSS中可以实现吗？出于某些原因，我需要这是在纯CSS。 这是我的html：

<div id="parent-div">
    <div id="child-div>Hello</div>
</div>

---

有什么窍门吗？

基于这个特定的演示，您可以使用它，它将按预期工作

在本例中使用宽度：80vh。您可以找到浏览器支持

由于

#父div

的高度为视口的

80%

，因此可以使用

80vh

将

#子div

的宽度设置为相同的高度。但是，如果

#parent div

的视口高度不为

80%

，则这显然不起作用

---

或者，您必须避免旋转子元素，只需旋转父元素并为子元素指定高度

100%

为什么不在jQuery本身中执行此操作？@selu我需要的是CSS，请阅读问题。它是动态的。否则，每次窗口调整大小时，我都必须执行jquery。谢谢@Josh。这正是我想要的。出于某些原因，我需要轮换孩子。

#parent-div{
    background:#ddd;
    height:80%;
    width:30%; position:absolute;
}

#child-div{
    position:relative;
    background:#333;
    color:#FFF;
    transform: rotate(270deg);
    transform-origin: 0 0 ;
    top:100%;
    height: /* What ???? */;
}