Javascript 90度翻转垂直响应div

我试图让内部div响应父div，这样，如果父div调整大小，内部div也将调整大小。我设法翻转了parentdiv中的内容，但是在尝试了一些东西之后，我没有得到足够的结果

我正在努力实现的目标： -内部分区为父分区的100%高度。
-内部div的高度响应于父div的高度。
-内分区翻转90度。
-内部div粘在父div的左侧

我的朋友：

。好的{
宽度：100px；
高度：500px；
显示器：flex；
弯曲方向：立柱；
边框：1px纯黑；
位置：相对位置；
浮动：左；
}
.嘿{
浮动：左；
位置：绝对位置；
顶部：0px；
左：100%；
变换原点：左下角；
变换：旋转（-90度）；
边框：1px纯绿色；
/*身高：100%；
宽度：100%*/
}
*{
框大小：边框框；
保证金：0；
填充：0；
}

嘿

您需要JavaScript通过调整边界框的大小来保持100%的高度。我的示例使用jQuery： CSS:

JS:

---

谢谢，这看起来更好，但我也希望那个div贴在父div的左侧。不过，我想我明白了，我给了内部div一个特定的高度，然后给了它一个左侧：'相同的特定高度'。好吧，这不是你问的，你能接受我的回答吗？

.ok{
  width:100px;
  height:500px;
  display:flex;
  flex-direction:column;
  border:1px solid black;
  position:relative;
  float:left;
}
.heh{
  float:left;
  position: absolute;
  bottom: 0px;
  left: 100%;
  transform-origin: left bottom;
  transform: rotate(-90deg);
  border:1px solid green;
/*   height:100%;
  width:100%; */
}

*{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

$(document).ready(function(){
    var h1 = $('.ok').height();
  $('.heh').width(h1);
})