如何对齐两个div的底边?

时间:2012-05-14 21:21:50

标签: jquery html css grid alignment

我在网格的不同列中有几个div框,我想识别底边比任何其他框小50px的框,并调整其高度以确保它们“对齐“在底部。

请参阅小提琴:http://jsfiddle.net/YFURR/

在该示例中,我想确定box1和box4的底边距离彼此小于50px,并将box4的高度扩展为“snap”到box1的下边缘。与box2和box5相同。

有什么想法吗?

2 个答案:

答案 0 :(得分:0)

我不是100%肯定你要做的事情,但css min-height可能就是你想要的。

your_selector {
    min-height:50px;
}

答案 1 :(得分:0)

您可以设置高度的css:100%;

.mydivs {display:block;高度:100%; }

要达到100%的高度,还要确保包含的元素具有高度设置