Question

所以，设置了一个非常标准的浮动设置。

<div class="container clearfix">
   <div class="item">Some content</div>
</div>

CSS

.item {
  float:left
  width: 30%;
  margin: 1.5%;
  background-color: #fff;
  border: 1px solid #929292;
}

也有adsense广告混合使用，但其大小包含在.item

中

问题：其中一个项目（应该是连续第一个的项目）单独位于容器的右侧，其余项目位于下一行，左侧浮动正如他们应该的那样。

这个问题可能已经在这里发过很多次了，但是我的搜索没有返回任何内容。我想错误的关键字。

P.S。我试过改变宽度和边距。

Answer 1

~~某些浏览器会将1.5%向上舍入到2%。这可能是问题吗？因为那样你总共会102%，导致它破裂。~~

~~你也可以使用填充而不是边距，然后你可以设置box-sizing: border-box;。如果你这样做，你的填充将包含在总宽度中。~~

根据您的实时版本，这是您的答案：

带广告的商品的高度与其他商品的高度不同，这就是为什么它们看起来很奇怪。您必须在广告后清除第一个项目上的浮动，或确保所有项目都具有相同的高度。

Answer 2

所以，问题是带有adsense的块不像其他块一样高。包含宽度，但未设置高度。我只是设定了一个固定的高度，它解决了这个问题。 @ $$设置较小的分辨率有点痛苦，但问题消失了