溢出隐藏基础上的第一列div可能吗？

Question

是否可以使用基于第1列div的overflow: hidden;

我在引导程序行中有包含MySQL内容的div -md-9和包含MySQL内容的div -md-3

我想调整这两列的高度，但基于第一列的数据。

如果第二列的数据多于第一列的数据，则第二列的数据必须被剪切(例如，使用overflow: hidden; )以具有相等的列。

我现在的代码是：

​

<div class="container-fluid">
<div class="row" style="display: flex;flex-wrap: wrap;">

<div class="col-md-9" style="display: flex;flex-wrap: wrap;">
MySQL data
</div>

<div class="col-md-3" style="display: flex;flex-wrap: wrap;">
MySQL data
</div>

</div>
</div>

​

Answer 1

ps。基于第一数据列hm：

jQuery(document).on("ready page:change", function() {

    setInterval(set_columns_height,500);
});

function set_columns_height(){
    var c1 = jQuery('.first_column').height();
    var c2 = jQuery('.second_column').height();

    if ( c1 != c2 ) {
        jQuery('.second_column').css('height',c1 + 'px');
    }
}