0

私のCSSクラスフッターはページの下部全体を展開しません。ブラウザウィンドウが十分に小さい場合は正常に機能しますが、ウィンドウが十分に大きい場合は、右側と左側の端が表示され、ページの背景が表示されます。クラスは別のクラスにネストされておらず、その親はandタグのみです。フッターのCSSは次のとおりです。

.Footer { width: 100%; padding:10px 0; margin:0px 0 0 0; text-align:center; border-top:1px solid #b3b3b3; background-color:#d9d9d9;}
.Footer p { color:#959595; padding:0; margin:0; font:normal 10px 'Verdana';}
.Footer a { color:#959595; text-decoration:underline;}

このページはavidest.comにあるので、私が何を意味するのかがわかります。どんな助けでもいただければ幸いです。ありがとう。

4

2 に答える 2

2

Footerブロックをメインコンテナの外に移動するbgRasizeと、ページの幅にまたがるはずです。現在、コンテナの幅は100％です。

<div class="bgRasize">
  ... other content
</div>

<div class="Footer">
  ... footer content
</div>
于 2013-02-20T18:55:16.633 に答える
1

3つのことを確認してください。

  1. .Footer要素は<body>タグの直接の子です。
  2. 要素がビューポートの端に接触することを確認したい場合<body>は、が必要です。padding: 0; margin: 0;
  3. クラス.Footerを持つ要素がデフォルトでブロック要素でない場合は、その表示スタイルを明示的に設定する必要がありますdisplay: block;。

タグ階層は次のようになります。

<body>
  <!-- Page content. -->
  <div class="Footer"></div>
</body>
于 2013-02-20T18:58:18.323 に答える