Html 响应电网系统-为什么不'；他们不排队吗？

我已经做了一个响应网格系统，它使用了3列布局。所以一些网格框是2列宽，大多数是1列宽

在我把内容放进每一个盒子之前，这都是有效的，现在“有你的发言权”盒子比其他所有盒子都坐得更远？我试过调整箱子的宽度，但没有改变

如果有人能帮忙，我将不胜感激

这是网格的工作方式：

<div id="grid">
   <!- first line is 1, 1, 1 -->
   <div class="item col-1 sports">
      content
   </div>
   <div class="item athletes col-1">
      content
   </div>
   <div class="item venues col-1 last">
      content
   </div>
   <!-- second line is a 2 and a 1 -->
   <div class="item col-2">
      content
   </div>
   <div class="item col-1 parents last">
      content
   </div>
</div>

---

尝试<代码>浮动：左.item类中选择code>

注意：您还可以删除

diplay:inline块