div中的table表格超出了div的宽度

固定宽度div中有一个table,table设置宽度100%，但是发现table中的内容有一部分被隐藏掉了，实际内容宽度超过了div的宽度
实际效果图：表格内容超出了div的宽度，但是超出部分是被隐藏的

期望效果图：

解决办法，给表格加上以下属性

table-layout: fixed; word-break: break-all; overflow: auto;