html - 匹配网页上不同元素的宽度。 HTML IE7 和 IE8

Question

在下面的代码中，我需要在缩小窗口时匹配宽度:

<div style="background-color:blue;">The title</div>
<table>
  <tr>
    <td> Column title </td>
    <td>Content</td>
    <td>Column title2</td>
    <td>Content 2</td>
  </tr>
</table>

这只是页面的一个小例子，它会涉及更多的div和表格。

当我缩小窗口时，表格和 div 会根据需要缩小，因此 div 会比表格缩小得更多，这会使页面看起来很难看。

当表格不能再缩小时，有什么办法可以阻止 div 缩小吗？

我试过 min-with 但它不起作用，我已经问过任何类似的东西，但显然除了 JavaScript 之外没有任何东西。

除了 JavaScript，你们能给我一个解决方案吗？

提前致谢。

塞萨尔。

Answer 1

我没有 IE7+ 来测试这个，但在 Opera 中，当你将所有 HTML 放在一个外部 div block 中时它就可以工作。比外层的div block 与表格相同。所以在某个时候它不再适合浏览器窗口，但现在外部 block 有它的宽度并且在标题 div 中保持与外部 block 相同的宽度。

<div style="background-color:red;">
  <div style="background-color:blue;">The title</div>
  <table>
    <tr>
      <td> Column title </td>
      <td>Content</td>
      <td>Column title2</td>
      <td>Content 2</td>
    </tr>
  </table>
</div>