1

私は自分のウェブサイトに純粋なcssを使用しています。問題は、ボックスに奇妙なオフセットがあり、どこにも定義されていないことです。パディングとマージンをゼロに設定しても、ボックスは移動しません。これにより、最後のボックスが 2 行目に移動します。

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;
}

ウェブサイトの外観

4

1 に答える 1

0

pure-g列が正しく機能するように、コンテナー内にすべてを入れてください。

http://codeply.com/go/rVcX2Bhpko

<div class="pure-g"> 
      ..
</div>
于 2015-10-08T20:01:20.420 に答える