原因：

可能时vue的样式大部分和display相关，有很多的联系，导致不生效

解决：

对设置max-width样式的元素设置display:inline-block;属性，即可生效，实现随着子元素的扩展而扩展并增加固定到最大的宽度