Html 如何仅通过CSS强制内联块div拉伸到最高值

我有3个div，其中一个在平板电脑浏览器上显示得更高，因为其中的文本会额外拉伸一行，那么我如何强制其他两个div拉伸到相同的高度呢？我不想使用JavaScript，只想使用CSS，我更喜欢CSS3与IE7等旧浏览器兼容

<div id="box1" style="display:inline-block;*display:inline;zoom:1;margin:12px;vertical-align:top">
       <!-- Longer text here-->
</div>

<div id="box2" style="display:inline-block;*display:inline;zoom:1;margin:12px;vertical-align:top">
     <!-- Short text here -->  
</div>

<div id="box3" style="display:inline-block;*display:inline;zoom:1;margin:12px;vertical-align:top">
     <!-- Short text here -->   
</div>

---

注意：我不使用该表，因为我有一个响应性设计。

将它们全部放在

中，并将其所有高度设置为

自动

？无论如何，您现有的代码有点凌乱；我建议不要使用内联样式-而是将CSS移动到专用块。谢谢，内联样式和缩放：1适用于IE7，它与其他浏览器无关。除了使用实际的

表

，您已经排除了所有可能的CSS选项，需要IE7支持。您将需要javascript…但说真的，IE7？