Question

页面上的内容不多，所以它的高度很小。身体BG颜色填充页面的底部甚至超过页脚 - 这最终看起来很荒谬......

当内容很小（用户屏幕上没有滚动条）时，如何让页脚颜色完成页面？我不想为每一页永久地制作一个巨大的页脚，因为这会分享荒谬。

感谢。

Answer 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>

我的背景颜色渗透到页面底部，我希望我的页脚颜色在不滚动时填充底部

1 个答案: