1

div を使用してグリッドの Wordpress テーマを作成しています。しかし、3 つの div の後、4 つ目の前に空白があります。これは、高さが異なるためです。空白領域がないようにdivを作成するにはどうすればよいですか? どのように見えるかのプレビューを見ることができますこちら.

CSSは次のとおりです。

#wrapper #frontpage .box {
    float: left;
    position: relative;
    top: 0;
    width: 380px;
    margin-right: 30px;
    margin-bottom: 30px;
    font: 100 12.5px 'Helvetica';
    line-height: 18px;
    color: #3a3a3a;
    background: #f1f1f1;
}#wrapper #frontpage .box:nth-child(3n+3) {
    margin-right: 0;
}

html は 9 つの投稿のクエリです。

<div class="box">
    Content here
</div>
4

1 に答える 1

1

Thenを使用するcss3 - columnsと、div を 3 列で表示でき、その間に空白はありません。

css3 - w3schools の列

于 2012-09-08T20:54:19.603 に答える