让孩子的身高超出父母身高

时间:2016-04-18 09:25:01

标签: javascript jquery html css

您好我使用此插件使所有div在高度上相等。

https://github.com/Sam152/Javascript-Equal-Height-Responsive-Rows

$('.item-container').responsiveEqualHeightGrid();

我的问题是,我希望父div中的子div也计算。

例如。我希望在前两列的底部相同的所有添加到购物车按钮。它们将获得最高的高度。第一个DETAIL将是子div,使添加到购物车按钮下降。有人能帮助我吗?

enter image description here

由于

1 个答案:

答案 0 :(得分:0)

在此方法中:responsiveEqualHeightGrid

写一些可以调整底部子div高度的东西,如:

responsiveEqualHeightGrid(){
    var itemContainerHeightThatYouCalculatedBefore; //code of your method that calculate item-container responsive height
    var imageHeight = $('.item-container img').outerHeight;
    var calculateBottomContainerHeightWithAddButton = itemContainerHeightThatYouCalculatedBefore - imageHeight;

    $('.item-container .bottomContainerWithAddButton').outerHeight = calculateBottomContainerHeightWithAddButton;
}