关于table 默认显示

table的默认显示是display:table

这个显示方式是一行tr永远不会换行，无论有多少个th元素会一直显示下去，不管宽度够不够

也就是说对table设置最大宽度根本没有意义。

这在页面布局中可能出现不少意想不到的问题，table 超出屏幕宽度

解决方法

table上层套一个块元素，设置块元素的宽度，再设置overflow:auto

这样table就不会超出范围。

值得注意的是如果是使用flex，嵌套table的块元素属于flex子元素，则flex 只能为0。也就是说不能放大

否则table会无视flex宽度，超过边界。