因此，发生的事情是我的桌子已经扩展到我的身体上，即使它包含在其中，我认为屏幕截图是显示这些元素的最佳方式，当我检查元素时（Chrome）：
身体
tableData（表的包装器）
表
这是我的代码：
<body>
<main>
<div class="tableData">
<table>
"..."
</table>
</div>
</main>
</body>
我需要我的身体完全容纳桌子以用于样式设计。最好的方法是什么？是否需要设置CSS溢出属性？
最佳答案
浏览器可能会确定它可能无法将表放入其容器中，而是让其溢出。在这种情况下，您可以在overflow-x: auto上设置.tableData以向包装器添加水平滚动条，从技术上讲，该表可以放在主体内。
当然，您总是可以调查为什么表格这么宽。可能是由于单元格填充，某处的white-space: nowrap或其他原因导致其不必要地变宽了。
另一个可能的原因，可以解释为什么滚动条不会出现在包装器上，如果表具有position: absolute（或fixed），则将其从常规布局流程中删除。