在引导-md-3 div中不工作的位置

Question

我使用这个插件，将所有的.item div转换成相同的高度。(对最高的)它工作得很好，如果我在控制台中查看它，所有的.item div都是402 to高度。这些.item div是相对的。

在下面的图片中，您可以看到一个文本输入和一个add to cart按钮。

​

最后一个div是较高的，因为图像是较高的。

如何将数字输入和添加到购物车按钮到div底部？这些都在一个. div中。如果我给出.input群div的绝对位置，.item div就会失去他的高度，从402 px开始，大约是360 px。

    <div class="col-md-3 main_item_div"> <a href="/termek/62/far-cry-primal-jatek-pc" title="Far Cry Primal Collectors Edition PC" class="main_item_img_to_link"> <img src="/images/item/thumb_1880a74a-c52e-4261-8763-636e5bb04089_1.f19920f7654d3af34771dc286d34b9ec-6042638989.jpeg" alt="Far Cry Primal Collectors Edition PC" class="img-responsive"> </a>
  <h2 class="main_item_title"><a href="/termek/62/far-cry-primal-jatek-pc" title="Far Cry Primal Collectors Edition PC" class="main_item_title_to_link">Far Cry Primal Collectors Edition PC</a></h2>
  <span class="main_item_cikkszam">Cikkszám: DT79WYBBM</span> <span class="main_item_kiszereles">Kiszerelés: Darab</span> <span class="main_item_kiszereles"><b>Készleten</b></span>
  <input type="hidden" value="0" id="MinimumOrder62">
  <span class="main_item_price_2">13.900 Ft,-</span><span class="main_item_price_3">Akciós ár: 12.900 Ft,-</span><span class="main_kedvezmeny_mertek_szazalek">-7 %</span>
  <div class="input-group item_buttons_div">
    <input type="text" id="item_darabszam62" class="form-control item_darabszam" value="1">
    <span class="input-group-btn">
    <button onClick="add_to_cart(62);" class="btn btn-secondary item_add_to_cart" type="button"><i class="fa fa-shopping-cart" aria-hidden="true"></i> Kosárba</button>
    </span></div>
</div>

启动.的官方css：

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

如果我写的相对于绝对和底部:0，.item div将释放大约40-50 of的他的高度。下面的Img。

.input-group {
    position: absolute;
    bottom:0;
    display: table;
    border-collapse: separate
}

​

​

更新2016年12 11:

现在我不使用等高插件，我添加了产品标题一个固定的55 fix高度。我能把这个放到媒体查询里吗？因为我只需要这个高度在显示器上，在移动上，电视在彼此下面.

​

还有一步，我该怎么做呢？图像在一个链接中，它有一个img响应类.上传产品时，拇指图像可以是一个固定大小，200x200,350x350....or矩形，200x150。

如何将图像垂直中心定位在链接中，并且，我能否只在监视器视图中，而不是在移动状态下，为链接提供最大或固定的高度？

​

​

产品名称css：

    .main_item_title {
    line-height: 18px;
    margin-top: 7px;
    margin-bottom: 10px;
    font-size: 15px;
    height:55px;
    font-weight: 700;
}
.main_item_title_to_link {
    color: #3c4d5a;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -ms-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

产品拇指img：-现在，它没有任何css，只有img有一个img响应类。

Answer 1

你可以做到

position: absolute;
bottom: 0;

以及解决.input-group背后的某些部分的问题

您可以执行padding:bottom:50px (50 do或高度为.padding:bottom:50px)

Answer 2

我认为只有两种方法：

1.必须将最大高度属性设置为图像。所以图像的高度是一样的。

1. 对于较大的列，请使用垂直滚动

溢出-y:滚动；