0

フェイスブックのコメントボックスがタブ付きナビゲーションのタブの真下に浮かんでいる理由を理解しようとすると、私は大きな頭痛の種になりました。フローティング要素のclearfixの複数のバリエーションを試してみましたが、jquery要素を削除すると正常に機能することがわかりました...しかし、答えを特定するのに問題があります

これが有効なリンクです

http://smooth-media.co.uk/clients/4598185/

よろしくお願いします

4

2 に答える 2

0

divに追加clear:allしてみます：#tabs

#tabs
{
    clear: both;
    height: 28px;
    background-color: #000;
    border-bottom: 1px solid #fff;
}

fb-commentsまたは、クラスに追加してみてください。

div.fb-comments {
    clear: both !important;
}
于 2012-03-30T14:27:26.633 に答える
0

ページのスタイルを設定したため、タブコンテナに高さを追加しましたが、その中にコンテンツが残っているため、コンテンツが高さセットよりも大きいため、オーバーラップエラーが発生します。

簡単に修正するには、＃tabsコンテナにmargin-bottomを追加するだけで、Facebookのコメントが下に移動します。

#tabs {
    height: 28px;
    background-color: black;
    border-bottom: 1px solid white;
    margin-bottom: 100px;
}

編集

コードをもう一度確認した後、実際に行うべきことは、div #tabsではなく、高さと背景色をリストに追加することです。

このようなもの

#tabs ul {
    height: 28px;
    background-color: black;
}

次に、＃tabsは次のようになります

#tabs{
    height: 150px; //Whatever size the whole section should be
}
于 2012-03-30T14:32:20.253 に答える