如何使列的高度彼此独立

Question

我想要实现的是使编号1和2的列与带有文本的列的高度大小无关，因此，如果稍后再添加到另一个div上，它将直接放置在前2列下而不会跳过任何列由于第三列的高度过高，所以没有空隙 像这样：

Columns with gap

Columns without gap

我尝试过，但是没有用。

 <div class="row text-center ">
        
        <div class="col-9 ">
            
        <div class="row border">
            
            <div class="col-9 border">1</div>
            <div class="col-3 border">2</div>
            </div>
        </div>
        <div class="col-3 border">
            "Lorem ipsum dolor sit amet, consectetur adipiscing elit
        </div>
  </div>
   

感谢您的帮助。

Answer 1

我认为您可以在CSS Flexbox布局中使用align-items属性！