css - 可滚动表 + 溢出-x

Question

我目前正在测试元素的多种行为，其中一种特别具有挑战性。

目标：准备一个固定高度的表格和一个固定高度和滚动-y的表格。（这已经完成）

限制：表格很大并且延伸到浏览器窗口之外（因此只有在浏览器中水平滚动才能看到）。

问题：当表格延伸出浏览器窗口时，指定的宽度不再合适，并且不与 .

此处示例：http ://codepen.io/Carine/pen/xqKDa

你怎么看？你以前遇到过这个问题吗？

提前致谢，

Answer 1

添加最小宽度和最大宽度属性：

尝试这个：

th, td {
  width: 160px;
  max-width:160px;
  min-width:160px;  
}