Question

所以正在发生的事情是我的桌子已经扩展到我的身体，即使它包含在我的身体内，我认为截图是显示这一点的最佳方式，当我检查它时我已经超过元素（Chrome ）：

车身

tableData（表格的包装）

表格

这是我的代码：

<body>
  <main>
      <div class="tableData">
          <table>
              "..."
          </table>
      </div>
  </main>
</body>

我需要正文来完全包含表以进行样式设置。怎么会是最好的方法呢？我需要设置CSS溢出属性吗？

Answer 1

浏览器可能会认为它不可能使您的表适合其容器，而是让它溢出。如果是这种情况，您可以在overflow-x: auto上设置.tableData以向包装器添加水平滚动条，从技术上讲，使表格适合于正文。

你当然可以随时调查桌子如此宽阔的原因。这可能是因为单元格填充，white-space: nowrap某处或其他因素导致其不必要地变宽。

另一个可能的原因可以解释为什么滚动条不会出现在包装器上，如果表格有position: absolute（或fixed），则会将其从正常的布局流程中取出。< / p>