css - 体に浮かぶ

Question

なぜフローティングが機能しないのかわかりません。サイトがあります-そしてあなたが見ることができるように、フローティングは働きたくありません。それの問題は何ですか？

Answer 1

できます。それは、その親であるのコンテキストで正しく浮動しています<div id="content">。<div class="side_bar">次のように、左に浮いているものの前に（HTMLコードで）配置する必要があります。

<div id="content">
    <div class="news_block">
        the floating to the right side - don't want to work
    </div>
    <div class="side_bar">
        sidebar
    </div>
</div>

または、たとえばスクリプトで必要な場合は、左側に必要なものをすべてside_bar DIVにラップします。これは、左側にフロートするCSSを持つ唯一のDIVです。多分あなたはそれに気づいていませんが、あなたは持っています：

<div id="content">
    <div class="side_bar"> <!-- floats left -->
        sidebar
    </div>
    <div> facebook thing </div> <!-- doesn't float -->
    <div> ads </div> <!-- doesn't float -->
    <div> whatever </div> <!-- doesn't float -->
    <div class="news_block"> <!-- floats right-->
        the floating to the right side - don't want to work
    </div>
</div>

float間に非フローティング要素がある場合、正しくフローティングするように定義された2つのDIVを期待することはできません。