css - divをパーセンテージで割る

Question

http://jsfiddle.net/petran/WnKW3/で div に使用している 2 つの列に div を分割したい簡単な質問

display:inline-block

そしてそれは正常に動作します.100％の合計で幅を追加すると、2番目の列が下に表示されます.幅の合計が99％まで機能している場合、親ウィンドウには足を踏み入れていないようです.私の質問は、それが常に列の合計 ?

Answer 1

これは、HTML コード内の 2 つの子 div 要素の間にギャップがあるためです。与えている2つのdivの間のギャップを取り除く必要がありますdisplay: inline-block。取り除くだけです。それはうまくいきます。

<div class="container">
    <div class="col1">
        col1
    </div><div class="col2">  <!-- removed whitespace -->
        col2
    </div>
</div>

働くフィドル

詳細については、このリンクを参照してください

これを修正する方法は他にもたくさんあります。ここで見つけることができます