html - CSS:使所有列高相同，即使不同的 c

Question

<div id='row1'>
    <div id='column1'>This is a couple of lines long</div>
    <div id='column2'>This column can be varying in length, so this could go on for 5 lines or 20 lines</div>
    <div id='column3'>This is a another column of a few lines</div>
</div>

row1 是 960 宽。每列的宽度为 310，并设置为 display:inline-block(也带有边框)。

考虑到第 2 列的高度不同，我需要所有三列的高度相同。我已经尝试将所有列设置为高度:100%，但我无法设置第 1 行的高度因为我需要它根据第 2 列中的内容量进行扩展。

如何让所有三列显示相同的高度，但该高度由第 2 列的动态内容决定？

  Col1      Col2     Col3
****************************
|        |        |        |
|        |        |        |
|        |        |        |
|        |        |        |
|        |        |        |
|        |        |        |
****************************

Answer 1

为此使用表格，要容易得多，而且不需要 hack ...

<table border="1" cellpadding="3" cellspacing="3">
    <thead>
        <tr>
            <td>Col 1</td>
            <td>Col 2</td>
            <td>Col 3</td>  
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Table Cell</td>
            <td>Table Cell</td>
            <td>Table Cell</td>
        </tr>
    </tbody>
</table>