我们目前正在开发一个需要2个或更多列等高的项目。更具体地说，每列必须是它们中最大列高的高度。 DIV与float: left彼此相邻，其宽度之和恰好为100％。可以在这个小提琴中找到一个例子：http://jsfiddle.net/Mj3Ks/1/。
我们允许将列中的元素从一个元素拖到另一个元素。因此，列的高度不固定，应动态更新。目前，我们已经实现了一个javascript解决方案，可以根据拖动和子调整大小重新计算高度。但是，这种解决方案非常麻烦并且容易出错。因此，我们正在寻找一个纯css，以便父元素具有最大子元素的高度，并且每个子元素都有100％的父元素。该解决方案必须与IE 9+和任何其他主要浏览器兼容。我希望有人能帮助我们。
答案 0 :(得分：0)
有一个巧妙的CSS黑客来做你想做的事情，但一般来说没有CSS就很难。
首先，我们需要添加
overflow: hidden;
到父div。
然后，在孩子divs上的好位，添加
margin-bottom: -100%;
padding-bottom: 100%;
这意味着您丢失了当前代码中的下边框，因此我通过在容器中添加边框底部来解决这个问题。