0

サイトのメンテナンスをしようとしていますが、1 つのページが少しおかしくなっていることに気付きました。それらは、左側の列のコンテナ div と、右側のコンテンツのコンテナ div であり、ページ コンテンツ全体の別のコンテナがあります。ページの下部、ただしフッターの前には、3 つの列が 1 行に並んでおり、メイン コンテナーに分類され、すべて別々の div (同じ div クラス) にあり、すべて左にフロートされています。

これは、1 つを除くすべてのページで正常に機能します。右側のコンテンツは、3 つの列を左側の大きな列の下に押し下げるには不十分です。したがって、コンテナではなく、左側の大きな列に対して 2 つの列が連続してフロートし、3 番目の列が 2 番目の列の下にフロートします。

3 つの小さい列の CSS は次のとおりです。

.FBG .blok {
    width:270px;
    float:left;
    padding:5px 20px;
    margin:0;
}

すべてのページで同じコードですが、前述のように、このページの違いは、列を下に移動するのに十分なコンテンツが右側の div にないことです。

この問題を賢明にコーディングする方法はありますか? それとも、このページにさらに別のネストされた div を追加する必要がありますか? 返信ありがとうございます。

4

1 に答える 1

2

私はそれを理解しました！私がしなければならなかったのは、フロートをクリアする div クラスを作成することだけでした。これは私がクラスに入れたものです：

.clr {
    clear:both;
    padding:0;
    margin:0;
}

コンテナ クラスで div した後、個々の列 div の直前に配置しました。魔法のように働きました！

于 2013-04-10T01:26:35.603 に答える