如何使用CSS使表格水平滚动？（除了垂直方向）

我的

垂直滚动，而

保持不变。现在我想让整个桌子水平滚动。问题是一旦我在包含

的块上设置了一个宽度，它就会全部中断，可能是因为

是

显示：内联块。有什么建议吗

在没有设置桌子宽度的情况下，它正在工作：


html，
身体{
保证金：0；
}
div{
/*宽度：500px*/
}
桌子{
高度：300px；
显示：块；
边界塌陷：塌陷；
溢出：隐藏；
}
thead，
t车身{
显示：表格；
表布局：固定；
}
t车身{
身高：100%；
溢出：自动；
显示：块；
}
th，
运输署{
宽度：150px；
溢出x：隐藏；
显示：内联块；
}

身份证件
名字
姓
电子邮件
1.
拉尔夫
赖特
rwright0@indiatimes.com
2.
沃尔特
沙利文
wsullivan1@photobucket.com
1.
拉尔夫
赖特
rwright0@indiatimes.com
2.
沃尔特
沙利文
wsullivan1@photobucket.com
1.
拉尔夫
赖特
rwright0@indiatimes.com
2.
沃尔特
沙利文
wsullivan1@photobucket.com
1.
拉尔夫
赖特
rwright0@indiatimes.com
2.
沃尔特
沙利文
wsullivan1@photobucket.com
1.
拉尔夫
赖特
rwright0@indiatimes.com
2.
沃尔特
沙利文
wsullivan1@photobucket.com
1.
拉尔夫
赖特
rwright0@indiatimes.com
2.
沃尔特
沙利文
wsullivan1@photobucket.com
1.
拉尔夫
赖特
rwright0@indiatimes.com
2.
沃尔特
沙利文
wsullivan1@photobucket.com
1.
拉尔夫
赖特
rwright0@indiatimes.com
2.
沃尔特
沙利文
wsullivan1@photobucket.com
1.
拉尔夫
赖特
rwright0@indiatimes.com
2.
沃尔特
沙利文
wsullivan1@photobucket.com
对于表格，保持显示：阻止并编辑溢出，如下所示：

table {
        display: block;
        overflow-x: auto;
    }

到你的桌子上去