如何对齐两个 div 的底边？答案

【问题标题】：How can I align the bottom edges of two divs?如何对齐两个 div 的底边？
【发布时间】：2012-05-22 09:43:28
【问题描述】：

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

在该示例中，我想确定 box1 和 box4 的底部边缘彼此之间的距离小于 50 像素，并将 box4 的高度扩展为“对齐”到 box1 的底部边缘。与box2和box5相同。

有什么想法吗？

【问题讨论】：

【解决方案1】：

我不能 100% 确定您要做什么，但 css min-height 可能是您正在寻找的。p>

your_selector {
    min-height:50px;
}

【讨论】：

【解决方案2】：

你可以设置一个css的height:100%;

.mydivs { 显示：块；高度：100%； }

要使 100% 高度起作用，还要确保您的包含元素设置了高度

【讨论】：