我有一个使用CSS Grid的由4列组成的设计。 CSS的定义是：
display: grid;
grid-template-columns: auto 450px 450px auto;
两个450px的中心列的div分别带有一些功能文本和一个相关的图像，用于到达页面。
auto列仅填充页面的宽度。但是，在设计中，最后一个特征图像溢出了第二个450px列并流到了页面的边缘。我试图：
col将图像跨过第二个450px列和auto列，但它将第一个auto列压缩到更小的宽度。
有没有一种方法可以使我跨过右边的
auto列，但又不能使该列增长为包含整个图像？ 最佳答案
在计算第四列的宽度时，将执行以下操作：
display: grid;
grid-template-columns: auto 450px 450px calc((100vw - 900px)/2);
并且在最后一个特征图像上跨越2列：
grid-column: span 2;