Javascript 相对于父高度的div位置

Javascript 相对于父高度的div位置,javascript,height,vertical-alignment,Javascript,Height,Vertical Alignment,我有一个80%window.innerHeight的“#Index BG”。现在我需要这个孩子“#Verticais-R”,它被旋转90º,相对于父母身高的80%垂直对齐中心 以下是我想做的: var div=document.getElementById('Verticais-R'); div.setAttribute('style', '-ms-transform-origin: center center; position:absolute; top:'+ (document.getE

我有一个80%window.innerHeight的“#Index BG”。现在我需要这个孩子“#Verticais-R”,它被旋转90º,相对于父母身高的80%垂直对齐中心

以下是我想做的:

var div=document.getElementById('Verticais-R'); 
div.setAttribute('style', '-ms-transform-origin: center center; position:absolute; top:'+ (document.getElementById('Index-BG').style.clientHeight-500) *0.5+'px; right:+35px;') ;

有什么建议吗?我认为这里的问题是它无法识别父母的身高?

试着做一个
.offsetHeight
而不是
.clientHeight
。偏移尺寸是通过浏览器计算的数据