3

メイン コンテナー (白い背景) をコンテンツの下部まで引き延ばそうとすると問題が発生します。現在、ヘッダーのみで実行されています。私は長い間頭を悩ませてきました。クリアを追加しようとしました。また、メインコンテナ内のすべてのコンテナが浮かんでいることを確認しましたが、それでも喜びはありません.

これはライブ Web サイトであり、 http://www.ridermagazine.co.ukで表示できます。

また、サイドバーが右側に表示されるのではなく、コンテンツの下にドロップダウンしていることに気付きました。これにより、数学を間違えたと思いましたが、すべてを再確認しましたが、何も間違っていないようです.場所。

どんな助けでも素晴らしいでしょう。

ありがとう。

コンテナーの CSS コード:

#page-wrap {
width: 926px; 
margin: 20px auto;
background-color:#fff;
padding:17px;
}
4

3 に答える 3

1

問題は、float:left ディレクティブをすべて使用することにあります。ブロック要素であるすべての要素がブロック要素である場合、それらは必要ありません。たとえば、 のh1要素headerはブロック要素ではありません。どこかにあるようですh1 {display: inline}-たとえば、グローバルです。これをブラウザーのインスペクターで h1 {display: block} に上書きすると、白い背景が「大きくなります」;-)。だから私のヒント：すべてのfloatディレクティブを削除して、構成からやり直してください。

覚えておいてください：フロートは悪です;-)

本当に必要な場合にのみ使用してください。たとえば、2 つの主要な div 要素を隣り合わせに配置する必要がある場合などです。また、代わりにオーバーフローを使用することを検討してください....

編集:エラーは div にありid="content"ます。削除するfloat:leftと動作します

それが私が邪悪なフロート要素で意味することです;-)

于 2012-11-11T11:59:28.733 に答える
0

追加してみてください：

<div class="clear"></div>

「ページラップ」divの最後に。

于 2012-11-11T11:58:34.133 に答える
0

より正確な答えは

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

彼が clear というクラスを持っているかどうかについては言及しなかったので

「「ページラップ」divの最後に。」

于 2012-11-11T11:59:42.987 に答える