1

ここに例があります... http://imgur.com/5mcCB

ページに多くのコンテンツがないため、高さが低くなっています。本文の BG カラーは、フッターを超えてもページの下部を塗りつぶします - これはばかげて見えます...

コンテンツが小さい場合 (ユーザーの画面にスクロール バーがない場合)、フッターの色でページを仕上げるにはどうすればよいですか? すべてのページに巨大なフッターを永続的に作成したくありません。

ありがとう。

4

1 に答える 1

1

本文とフッターに同じ背景色を付けてから、「本文」の背景色を本文のすぐ内側のラッパー要素に適用します。

<!DOCTYPE html>
<html>
  <head>
    <title>Alternative Background Method</title>
    <style>
      body, 
      body > footer {
        background: /* bgcolor */
      }
      #content {
        background: /* original body background color */
      }
    </style>
  </head>
  <body>
    <section id="content">
      <!-- main content --->
    </section>
    <footer>
      <!-- footer contents -->
    </footer>
    <!--

      Any visible space between the bottom of the viewport and the 
      footer element will have the same background as the footer
      element itself.

    -->
  </body>
</html>
于 2012-05-12T17:46:40.633 に答える