Html 动态div的左边框

我很难在div上垂直获得

全长左边框

问题是，我无法固定div的高度，因为内容是动态加载的，并且可以是短的也可以是长的

我尝试了以下方法：

方法1

CSS

div.right-col {
    position: relative;
}
div.right-col:before {
    content:""; 
    background: #ccc; 
    padding-left:2.5rem;
    position: absolute; 
    bottom: 0; 
    left: 0; 
    height: 50%; 
    width: 1px;
}

.right-col {
        position: relative;
 }
#borderLeft {
    border-left: 2px solid #f51c40;
    position: absolute;
    top: 50%;
    bottom: 0;
}

.left-col {display:table-cell}
.right-col {
    display:table-cell;
    border-left: 1px solid #ccc;
    padding-left: 2.5rem;
    float: none;
    height:auto;
}

HTML

<div class="left-col"></div>
<div class="right-col"></div>

<div class="left-col"></div>
<div class="right-col"><div id="border-left"></div></div>       

<div class="left-col"></div>
<div class="right-col"></div>

HTML

<div class="left-col"></div>
<div class="right-col"></div>

<div class="left-col"></div>
<div class="right-col"><div id="border-left"></div></div>       

<div class="left-col"></div>
<div class="right-col"></div>

HTML

<div class="left-col"></div>
<div class="right-col"></div>

<div class="left-col"></div>
<div class="right-col"><div id="border-left"></div></div>       

<div class="left-col"></div>
<div class="right-col"></div>



但以上这些都不起作用。只有在有内容的地方才有边界。
这样的东西是你想要的吗

 <div>
      <div style="height:100%;display:inline-block;background-color:#FF0000;">LEFT</div>
      <div style="height:100%;display:inline-block;background-color:#0000FF;">RIGHT</div>
 </div>


左边
正确的

否则，使用bootstrap和row&col xx类可能会更容易。
您正在寻找这样的东西吗

 <div>
      <div style="height:100%;display:inline-block;background-color:#FF0000;">LEFT</div>
      <div style="height:100%;display:inline-block;background-color:#0000FF;">RIGHT</div>
 </div>


左边
正确的

否则，使用bootstrap和row&col xx类可能会更容易。
这有时被称为，并且有许多针对它的攻击。然而，我认为第一个“真正的”修复方法是。以下是我将如何解决您的问题：

HTML

这有时被称为，并且有许多黑客攻击它。然而，我认为第一个“真正的”修复方法是。以下是我将如何解决您的问题：

HTML

Html

Html

@akash。。这对我很有用。。cna u发布一个答案，这样我就可以打分了it@akash .. 这对我很有用。。cna u帖子作为答案，以便我标记itI由于兼容性问题我不想使用flex，但是sol看起来很干净我不想使用flex，因为兼容性问题，但是sol看起来很干净