3

私の問題を表示する 2 つのリンク: http://www.wontletthisbeatme.com/information.asp

ブログ ページでは、コンテンツがそれほど多くのスペースを必要としないにもかかわらず、コンテンツとコンテナーの div が下部にうまく伸びていることがわかります。これにより、フッターが下部に配置され、見栄えが良くなります。ただし、2 番目のリンクでは、情報がビューポイントを超えて伸びており、コンテナーの div とフッターは余分なコンテンツに対応するように調整されていません。

これは私がしばらくの間抱えていた問題であり、まだその概念を本当に理解していません。高さ:100% を html 要素と body 要素、およびコンテナーに配置しましたが、CSS のフッターではまだ効果がありません。私はウェブ上の多くのリンクと以前の投稿を確認しましたが、私が言ったように、これを理解することはできません. どんな助けでも大歓迎です。

アップデート

ページの微調整を行いました。さて、私が目にする最後の問題は、コンテンツ div 内に含まれる情報が実際には div を下に引き伸ばさない情報ページにあります。フロートはなく、この div がコンテンツに合わせて拡大されるべきではないことがわかる理由もありません。何かアドバイス？

4

7 に答える 7

3

これは、 footerContainerのCSSに「position：absolute;」という属性が含まれているためだと思います。それを削除すると、問題が解決します。

更新：コンテナ（つまり、contentContainer）は、属性 "height：100％"を削除すると、正しくストレッチされます。しかし、繰り返しになりますが、レイアウト全体を分析しませんでした。

于 2010-07-21T14:18:19.563 に答える
1

これはおそらく、footerContainerのdiv位置が絶対に設定されているためです。

于 2010-07-21T14:17:53.137 に答える
1

position:absoluteフッターバーとナビゲーションバーで使用しています。これを修正するには、ナビゲーションバーがフッターバーを固定位置にする代わりにページの下に押し下げることができるように、両方での使用を停止する必要があります。

于 2010-07-21T14:21:23.067 に答える
1

.footerContainer を position: relative に設定します (または position-attribute を省略します)

于 2010-07-21T14:21:58.370 に答える
0

次のように使用します。

.clear{clear:both; display:block; line-height:0%;}

.clearを次のように使用します

<div class="clear"></div>
于 2010-07-21T14:18:46.723 に答える
0

あなたが望んでいることは、私と最初の質問者であるジェイソン・クリスタの両方が実行可能な解決策を思いついた、余分なマークアップなしでフッターを画面の下部から上に上げないで表現された問題と非常によく似ているように聞こえます。リンクには、包含を使用しないという特定の要件がありましたがdiv、そこからの概念はアプリケーションで役立つはずです。

于 2010-07-21T14:26:36.260 に答える
0

現時点でソースを見ていないことからの私の推測は、余分または欠落している<div>か、</div>タグが追加または削除されていることです...

于 2010-07-21T14:16:56.007 に答える