grid布局，容器被内容撑开

原因简单来说核心原因是 1fr 在处理内容时会优先保证内容的完整性而不是严格遵守父容器宽度。具体到你的场景Avue 表格内容如长文本、图片等往往有自己的最小宽度这个宽度超过了 1fr 理论上应该占有的空间所以容器就被撑开了。解决方法修改轨道尺寸将 grid-template-columns: 1fr 1fr; 改为 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);。minmax(0, 1fr) 这行代码是将列道的最小值设定为 0而不是默认的 auto从而强制允许内容压缩。