不可能被撑开的table和div

在 HTML 中，`table` 和 `div` 都是用来布局的常见元素。它们可以用来创建不同的布局效果，但是如果使用不当，它们可能会被撑开。

对于 `table` 元素，如果其中的内容过多，它可能会被撑开，导致页面出现滚动条。为了避免这种情况，可以设置 `table-layout` 属性为 `fixed`，这样表格的宽度就会根据列的宽度自动计算，而不会被内容撑开。

例如：

<table style="table-layout: fixed;">
  <tr>
    <td>Column 1</td>
    <td>Column 2</td>
    <td>Column 3</td>
  </tr>
  <tr>
    <td>Content 1</td>
    <td>Content 2</td>
    <td>Content 3</td>
  </tr>
  <!-- more rows -->
</table>

对于 `div` 元素，同样存在被撑开的问题。这通常是由于内部元素的大小超过了 `div` 的大小，导致 `div` 被撑开。为了避免这种情况，可以设置 `overflow` 属性为 `hidden`，这样超出 `div` 大小的内容就会被裁剪掉。

例如：

<div style="width: 200px; height: 200px; overflow: hidden;">
  <!-- content here -->
</div>

需要注意的是，这种做法可能会导致部分内容被裁剪掉，因此需要根据实际情况选择合适的布局方式。