フッターの上の div に min-height が設定されているという問題があります。フッターのテキストを中央揃えにするために、CSS で clear:both を使用しています。唯一の問題は、コンテンツとフッターの間に大きなスペースがあることですか?
ここに私が取り組んでいるサイトがあります: http://brimbar.com/no_crawl/RiverHollow/about.html
ありがとう！
2 に答える
0
巨人と浮いたイメージがあるからですmargin-bottom。clear: bothは、「この要素の両側に要素があってはならない」ことを意味するため、フッターはその 600px の余白より下にある必要があります。
フッター テキストが中心に配置clear: bothされていない理由は、div の開始点とその画像の左側 (およびその巨大なマージン) の間の幅内でのみ中央に配置されているためです。
すべきことは、画像をコンテンツ div 内の別の列 div に表示するようにマークアップを変更することです。フローティングではなく、独自の列に表示したいようです。これを行うと、巨大なマージンは必要なくなりclear: both、フッター要素も必要なくなります。
ここにデモがあります: http://jsbin.com/uxiqer/1/edit
フロートを使用したり、 div を右position: absoluteに配置したりできることに注意してください。.images私はただposition: absolute働きやすいと思います。
画像を独自の列に表示する必要がない場合は、画像のフロートを保持してそれを削除するだけmargin-bottomで、テキストが画像とその余白にうまく回り込みます。これが の意図された目的ですfloat。その後、巨大なマージンがコンテンツ div をオーバーフローすることなく、フッター テキストを適切に中央揃えすることができますclear: both。
于 2012-10-05T18:02:59.617 に答える
0
clear: both を削除し、min-height だけでなく特定の高さをフッターに追加します。テキストを整列させることはできませんが、「position:static」を削除した場合は整列するに違いありません。
コンテナー自体に 1550px の高さをハードコーディングしたため、フッターには最大ではなく「最小の高さ」の要件しかないため、使用可能な残りのスペースをフッターが占めています。
于 2012-10-05T18:11:22.553 に答える