此问题在此处已有答案：

Prevent content from expanding grid items（3个答案）
2天前关闭。
请看下面的代码片段：
第一个
如果运行该代码片段，您会发现输入沿着x轴溢出父div，并且无法容纳在div内部（在基于Chromium的Edge中测试）。基本上，当您为display: grid的父div提供固定宽度时，输入子div似乎无法容纳。
我已经尝试了我能想到的所有属性，但是它们似乎都不能将输入保持在它们所属的位置（我希望有一个漂亮的2x2网格，其中子对象均匀地适合网格）。