親のブロックの幅に、左右にわけたブロックの合計幅が収まらないと、段落ちします。合計幅を計算して、左+右の合計が、親ブロックを超えないようにします。このとき、padding,border,marginなどの値もしっかり計算に含めましょう。このとき、IE6のダブルマージンバグなどにハマらないように気をつけましょう。参考:IE6でfloatしたボックスのmarginの値が2倍になるバグの対処方法clearが指定できない場合はoverflowで対処clearプロパティのところで出てきた問題の対処です。clearが設定できればこの対処は不要ですが、HTMLの構造次第ではclearができない場合があります。定番の手法でclearfixというのがありますが、もっと手っ取り早い方法をご紹介します。hiddenだけで高さは戻ります。この方法では、Mac版IEやNetcapeで崩れるようですが、ユーザーは皆無に等しいということで無視できれば、便利な方法です。ややこしいですが、つまり、overflowがvisible以外であれば、中身の高さで計算されるよ、ということです。含んでくれる=レイアウトがくずれないわけです。