0

我们目前正在开展一个需要 2 个或更多等高的列的项目。更具体地说,每列必须是其中最大列高的高度。DIV 彼此相邻float: left,它们的宽度之和正好是 100%。可以在这个小提琴中找到一个例子:http: //jsfiddle.net/Mj3Ks/1/

我们允许将列中的元素从一个拖动到另一个。因此列的高度不是固定的,应该动态更新。目前我们已经实现了一个 javascript 解决方案,它根据拖动和子级调整大小重新计算高度。但是,这种解决方案非常麻烦且容易出错。因此,我们正在寻找一个纯 css,以便父元素具有最大子元素的高度,并且每个子元素都有其父元素的 100%。该解决方案必须与 IE 9+ 和任何其他主流浏览器兼容。我希望任何人都可以帮助我们。

4

1 回答 1

0

有一个简洁的 CSS hack 可以做你想做的事情,但总的来说,没有 CSS 很难。

首先,我们需要添加

overflow: hidden;

到父 div 上。

然后,好一点,在子 div 上添加

margin-bottom: -100%;
padding-bottom: 100%;

这确实意味着您丢失了当前代码中的底部边框,因此我通过在容器中添加边框底部来解决这个问题。

见:http: //jsfiddle.net/nZDTW/

来源:http ://www.ejeliot.com/blog/61

于 2013-07-24T15:54:18.737 回答