问1140px CSS网格系统是否可以工作，如果我需要保持我的网站的中间-在中间？

EN

我将从创建示例布局开始，这样我们就可以确保我们在那里谈论的是相同的事情。3+6+3网格的基本布局为：

<div class="container">
    <div class="row">
        <div class="threecol"></div>
        <div class="sixcol"></div>
        <div class="threecol"></div>
    </div>
</div>

有3个div在百分比中设置了width，并应用float: left;来显示它们的买方。然后调整窗口大小，使其宽度小于768px媒体查询开始工作。此媒体查询将从列中删除浮动，并使它们占据每个列的100%宽度。

所以简短的回答不是，中间的列不会停留在屏幕的中心，它会被推到左列下面，它会占据100%的屏幕宽度，也会占据100%的屏幕宽度。第三列也将被推到第二列下面，并占据100%的宽度。

如果你只需要把地图放在其他列的顶部，我建议编写媒体查询，它会隐藏在手机上的左列，然后在lightbox中打开它，这样用户就会需要它。

如果您需要将它们并排显示在同一屏幕上，则可能需要为您的网格编写自己的类。