全幅divの中央ラッパー

Question

このスレッドは私の質問に答えて見つかりました。私はこのスレッドに関連する質問をしたいと思いますが、スレッドにコメントする方法がわかりません。私の無知を許してください:)

私は尋問された答えの指示に従っていました。私のコンテンツ部門では3つの部門が必要ですが、私が1つ左に浮かせば...私のバックグラウンドカラーは、彼のコンテンツ部門は伸びません。だから、次のようになります。

HTML：

<div id="content"> 

    <div class="wrapper"> 

<div id="content1></div> 
<div id="content2></div> 
<div id="content3></div> 

    </div> 
</div> 

CSS：私はおそらくyouc私がたらい回してるのか理解する前に、サイトに君たちをリンクする必要があります

#content 1 { 
    width:300px; 
    float:left; 
} 
#content 2 { 
    width:300px; 
    float:left; 
} 
#content 3 { 
    width:300px; 
    float:right; 
} 

。しかし、それはまだオンラインではないので、私はちょうど誰かが浮動小数点divの左または右のこのラッパークラスのテクニックを使用すると問題を認識しているかもしれないと思った？

コルム

Answer 1

あなたはそれを言及しなかったが、あなたは浮動divをした後、あなたのフロートをクリアしなかったので、私は聞いて？

<div style="clear: both;"></div> 

またはあなたが置くことができる：

overflow: hidden; width: 100%; 

をあなたのラッピングのdivのスタイル属性に使用すると、このように行うことを確認してください。

これらのオプションを試してみてください。