1

そこにいくつかのクラスがあるので、最初に投稿させてください。

HTML:

<div class="content">
    <div class="sidebar">

    </div>

    <div class="area">

    </div>
</div><!-- content closed -->

CSS:

.content {
    background-color: #eee;
    height: auto;
}

.sidebar {
    background-color: #555;
    width: 250px;
    height: auto;
    padding: 10px;
    float: right;
}

.area {
    background-color: #777;
    width: 590px;
    height: auto;
    padding: 10px;
}

したがって、基本的に、すべてのクラスの高さが「自動」に設定されていることがわかります。これは、コンテンツをサイドバーとエリアに沿って配置したいという正当な理由です。そして、彼らはそれらの中にたくさんのコンテンツを持っています.

今... .sidebar は float:right; に設定されています。そのため、下にあるコンテンツを移動しても実際には影響しません。私の場合はフッターです。

自動設定された高さに応じて、オブジェクトを浮かせて、その下にあるパーツを移動する方法を考えています。

4

1 に答える 1

1

あなたの質問を理解しているかどうかわかりませんが、フロートされたコンテンツの下にフッターを配置しようとしている場合は、フロートをクリアする必要があります:

<div class="content">
    <div class="sidebar">

    </div>

    <div class="area">

    </div>
    <div style="clear:both"></div>
    This is the footer
</div><!-- content closed -->

Jsfiddle: http://jsfiddle.net/xmw7M/1/

于 2012-08-22T01:13:48.163 に答える