使用纯css框架时的框偏移量

Question

我在我的网站上使用pure css。问题是，这些方框有一个奇怪的偏移量，即使我无法定义，即使我将填充和边距设置为零，框也不会移动。这会导致最后一个框在第二行移动。

HTML：

<div class="pure-u-4-24 outer">
<div class="inner-ib inner"></div>
</div>

<div class="pure-u-5-24 outer">
<div class="inner-ib inner"></div>
</div>

<div class="pure-u-11-24 outer">
<div class="inner-ib inner"></div>
</div>

<div class="pure-u-4-24 outer ">
<div class="inner-ib inner"></div>
</div>

CSS：

.inner {
  background-color: rgba(44, 62, 80, 0.75);
}
 .outer {
   padding-top: 10vh;
}
.inner-ib{
  height: 90vh;
}

How the website looks

Answer 1

将所有内容放在pure-g容器中，以使列正常工作..

http://codeply.com/go/rVcX2Bhpko

<div class="pure-g"> 
      ..
</div>