css - クリアする前に異なる div に複数のフロートがある

Question

簡単に言うと、デザイン パターンに従って div を装飾する Closure goog.ui.TabBar ベース CSS を利用しています。メインの "tabBar" div には、タブ ボタン (div も含む) が含まれている必要があります。これらはすべて隣り合って浮かんでいます。コンテンツ div (これらの下) を並べることができないようです。クロージャーCSS（含まれている）の :after clearing は、代わりにサイドバーでクリアされます。アイデア？

http://jsfiddle.net/hvMaf/2/

Answer 1

適切な方法として、解決策は次を追加することでした。#bodycontentコンテナに移動します（そして、ブラウザの互換性の問題のために余白を削除します。

完成したソリューション：http：//jsfiddle.net/hvMaf/7/

Answer 2

あなたの説明を踏まえて、私はあなたがしようとしていたことを何とか再現できましたが、それは一種のハックであるため、お勧めしませんが、とにかくここにあります. 著作権の位置を変更し、コンテンツ ボックスのサイズを大きくし、上部に 2 つの新しいルールを追加しました。参考までに幅100%にしてみましたがだめでした。