html - 如果多个元素 css 中的内容更大，则自动扩展元素高度

Question

我有这个: http://jsfiddle.net/UHrLH/1/

我将box元素的高度设置为auto，但是min-height是200px；

现在，如果我尝试在第一个框中添加更多内容，高度会扩大，但会在其下方创建一个大的空白区域。我不希望那样，我希望像你在上面看到的那样将盒子放在彼此下面，所有盒子的高度都是 200px

请看这里的问题: http://jsfiddle.net/UHrLH/2/

Answer 1

http://jsfiddle.net/chricholson/UHrLH/10/

这将为您提供内联框，但不幸的是，这些框不会延伸以匹配其伙伴的高度。为此，您需要使用表格或 javscript 覆盖来捕获高度。另外，请记住 display: inline-block 不适用于 IE7 及以下版本的 div，但它适用于跨度:http://www.quirksmode.org/css/display.html#t03