html - Bootstrap 列等高问题

Question

在我的站点 Bootstrap 网格列中，等高不起作用。当我的产品名称有长文本时，高度会给其他列带来问题。为了解决高度问题，我添加了两个 css 但不起作用

添加的css是

.demo{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    background-color:#efefef;
}

#equalheight {
    overflow: hidden;
}

我的直播页面链接如下，这个页面显示栏高问题

现有的div结构

<div class="row ">
    <div id="equalheight">
       <div class="col-sm-6 col-md-4 wow fadeInUp demo">
         <div class="products ">
         </div>

       </div>

    </div>
</div>

Answer 1

尝试使用高度而不是填充和边距。 Padding 和 Margin 使 div 随您放入其中的信息而扩展。有了高度，一旦内部信息(例如文本或 img)到达 div 的边缘，您的溢出将接管并隐藏超出 div 的任何信息。