Html 如何将flexbox与锚定柱一起使用

我使用的是

display:flex

，以使child的列具有相同的高度

当

col-…

是

display:flex

parent:

<div class="container flex">

    <div class="col-sm-4 flex-col">
      jkkfjds<br>dsfjdk<br>fdsfk
    </div>



    <div class="col-sm-6 flex-col">
      jfkdjkfsdjk
    </div>
</div>

.flex {
  display:flex;
}

.flex-col {
  border:1px solid black;
}

jkkfjds
dsfjdk
fdsfk
JFKDJK
.flex{
显示器：flex；
}
.flex col{
边框：1px纯黑；
}

但是我希望flex col被锚定。当我尝试添加

我已经尝试将
display:block
设置为
，但没有效果。
将
col-sm-4 flex col
类添加到
a
而不是
div

<div class="container flex">
  <a href="#" class="col-sm-4 flex-col">
    <div >
      jkkfjds<br>dsfjdk<br>fdsfk
    </div>
  </a>

  <a href="#" class="col-sm-6 flex-col">
    <div >
      jfkdjkfsdjk
    </div>
  </a>
 </div>