不均一なグリッドレイアウト

Question

ここは例です。

http://jsfiddle.net/wnud4/1/

私は、確立されたマージンとは別に、無大きなギャップと他の後に順番いずれかに該当する緑色のボックスと青のボックスのすべてを望みますよ。なんらかの理由で、青い列の2番目の要素がアライメントについて不平を言っています。私はこれに間違ったやり方で近づいているなら誰にも何か提案がありますか、指導を提供することができますか？私は列をあらかじめ定義したくないですが、それ以外には何もできません。ありがとう！

Answer 1

のではなく、両方の列にフロートを使用して、あなただけのfloat: leftを使用することができます左の列に「margin-left」と入力するだけで、それらのdivを浮動小数点のdivより先に押すことができます。次に、すべてを均一に保つために、幅と余白をきれいにするだけです。助けのためのhttp://jsfiddle.net/UZY6t/2/

Answer 2

GoogleのChromeとFF以外のものでテストされていないが、あなたはフロートの組み合わせを使用して試みることができる：左マージン左：

http://jsfiddle.net/wnud4/7/