Html 表格单元格中的CSS 100%宽度滚动条（溢出-x）

这是我的第一篇文章。最后我决定和你们一起去stackoverflow

我的问题是关于一个水平滚动条，它必须100%适合它的容器。在下面的示例中，您将找到了解我的问题所需的一切

所以问题是：为什么代码在第一种情况下运行良好，但当嵌套在表单元格（第二种情况）中时，滚动条会溢出其容器？为什么会发生这种情况，如何解决？ 有人可能会说：“摆脱表格”，但我需要这段代码在一个有一些表格布局的大型网站上工作。丢掉桌子对我来说意味着一百个小时的工作

第一个滚动条（正确）和第二个滚动条B（不正确）之间的主要区别是：

第一卷（正确） 第二卷（不正确）

（与第一个滚动相同的代码）

我将非常感谢你明智的建议

---

杰拉德。

添加

表格布局：固定到您的
表
类

.table{width:100%;margin-top:50px; table-layout: fixed; }

下面是一个例子：

表格{表格布局：固定；}

把桌子修好为我解决了这个问题

编辑：看来我晚了几秒钟
 谢谢你们！具有讽刺意味的是，这个问题与“表布局”有关（呵呵：）+1例如，这应该被接受。应该尝试使用新的SO内联代码段。
.hscroll {
    overflow-x:scroll;
    overflow-y:hidden;
    white-space:nowrap;
}

<table><tr><td> (same code as first scroll) </td></tr></table>

.table{width:100%;margin-top:50px; table-layout: fixed; }