如何让这块div的高度变为屏幕高度的75%

Question

网页显示是这样的：
上面这块空白区域，我设置的row的style高度为25%；

下面的显示灰色显示区域的高度是通过获取客户端屏幕高度来设置的，我想设置为屏幕宽度的75%（也就是减去上面的25%），从而让客户端不在有滚动条；改如何写JS呢？

JS代码：

<script type="text/javascript">

function changeFrameHeight(){

    var ifm= document.getElementById("ifrname"); 

    ifm.height=document.documentElement.clientHeight;

    

    ifm.width=document.documentElement.clientWidth;

}

</script>

HTML代码：

        <!-- 使用Three.js     -->

        <div>

            <iframe name="ifrname" id="ifrname"

                src="ThreeTestContent.do?model=${ThreeModel}&texture=${ThreeTexture}"

                onload="javascript:changeFrameHeight()"></iframe>

        </div>