如何在html中以百分比表示垂直线的高度？

我想在div内部画一条垂直线，该div具有类flex。我想把垂直线，应该是那个div的50%。 这是我的密码

{{item2.title}

添加脚本：

<script>
var myDiv=document.getElementsByClassName("flex");
var divHeight=myDiv[0].clientHeight;
var myVl=document.getElementsByClassName(".vl");
myVl[0].style.height=divHeight/2 + "px";
</script>

var myDiv=document.getElementsByClassName（“flex”）；
var divHeight=myDiv[0].clientHeight；
var myVl=document.getElementsByClassName（“.vl”）；
myVl[0]。style.height=divHeight/2+“px”；

但是主div没有特定的高度，因为它根据其内容获取高度（自动）。您可以通过javascript（clientHeight）获取主div的高度，并使用javascript设置.vl div的高度。例如，如果将div的height变量命名为divHeight，则.vl div的高度将为divHeight/2（使用.style.height）@AmjadMehmood检查编辑的答案

.vl {
border-left: 6px solid #b9b9b9;
position: absolute;
left: 2%;
margin-left: -3px;
top: 0;
}

<script>
var myDiv=document.getElementsByClassName("flex");
var divHeight=myDiv[0].clientHeight;
var myVl=document.getElementsByClassName(".vl");
myVl[0].style.height=divHeight/2 + "px";
</script>