2016-03-23 7 views
0

DIVの下にある白い隙間を削除して、DIVによって発生する大きな白い隙間ではなく真下に位置するようにしたいその最大の高さを持っている上の行に:DIVの直下に新しいDIVを挿入する強制DIVが

私は現在、私はenter image description hereを複製することを目指しています何の画像を添付した以下のCSS

.extmar { 
    height: auto !important; 
    margin-bottom:25px; 
    display:inline-block !important; 
    float:left !important; 
    white-space: nowrap !important; 
    vertical-align: top !important; 
} 

https://jsfiddle.net/3u3z5quk/

を使用しています。

+3

これは石積みレイアウトと呼ばれています。GoogleにはCSSとJavaScriptを使用する方法がたくさんあります。 –

答えて

0

私はあなたのためJSFiddle上でこれを見つけた:https://jsfiddle.net/gabrieleromanato/tQANc/

私はこのコードを行っていないが、私はあなたがあなたのケースでそれを試すことができると思います。

興味深い部分:

#container { 
    width: 100%; 
    max-width: 700px; 
    margin: 2em auto; 
} 
.cols { 
    -moz-column-count:3; 
    -moz-column-gap: 3%; 
    -moz-column-width: 30%; 
    -webkit-column-count:3; 
    -webkit-column-gap: 3%; 
    -webkit-column-width: 30%; 
    column-count: 3; 
    column-gap: 3%; 
    column-width: 30%; 
} 
.box { 
    margin-bottom: 20px; 
} 

あなたはこのコードについて質問がある場合は、私はあなたにそれを説明することができます。

+0

こんにちはVincent、それは素晴らしいです。これは本当にありがとう。よく働く! – Scot

+0

問題はない、私はこのコードを作っていない、我々は所有者に感謝すべきである;) –

関連する問題