具有百分比宽度的表在IE8中适当调整大小

Question

• 我有一个包含在div中的表元素，表格的宽度设置为100％。
• 只要浏览器宽度减小，div元素的宽度就会减小。
• 在重新调整div时，在Chrome，Safari，Firefox和IE7中，表格也会调整大小。
• 但是在IE8中，该表仍然没有调整大小并溢出容器div

以下是我正在处理的结构

    <div style="width:500px">
       <table cellpadding="0" cellspacing="0" border="0" width="100%">
          <tbody>
            <tr>
              <td valign="top">
                <div>My table column contents</div>
              </td>
              <td valign="top">
                <div>My table second column contents</div>
              </td>
            </tr>
          </tbody>
       </table>
    </div>

Answer 1

您将表格包裹在具有已定义宽度的div中。只需定义表格的宽度。