1

私のWebサイトには、高さが100pxのフッターがあり、フッターのcssは次のようになります。

.footnote {
  width: 95%;
  height: 100px;

  position: fixed;
  background: url('../images/coolfooter.png') bottom center;

  bottom: 40px;
  left: 30px;
 }

問題は、Webページにコンテンツが多すぎると、コンテンツがフッターと重複し始めることです。

ここに画像の説明を入力してください

コンテンツがフッターと重ならないように、コンテンツが常にフッターの上にのみ表示されるように制限したいと思います。これはどのように行うことができますか？

4

3 に答える 3

1

z-indexを試しましたか？他の人が言っているように、htmlを見ずに言うのは少し難しいです。私はあなたが何を求めているのか100％確信が持てません。

于 2012-08-15T06:19:48.273 に答える
0

基本的に、コンテンツの下部マージンがフッターの高さ以上であること、または（コンテンツが何らかのコンテナ内にある場合）そのコンテナの下部パディングが以上であることを確認する必要があります。フッターの高さ。

これは、このいわゆる「スティッキーフッター」を実行するためのかなり人気のあるリファレンスサイトです：http ：//www.cssstickyfooter.com/

于 2012-08-15T06:17:04.453 に答える
0

に追加overflow:autoするdiv.contentだけで十分です。

<html>
<head>
  <style type="text/css">
    div.header
    {
      top:0px;
      height:100px;
      max-height:120px;
      min-height:100px;
    }
    div.content
    {
      height:600px;
      max-height:750px;
      overflow:auto;
    }
    div.footer
    {
      height:100px;
      max-height:120px;
      min-height:100px;
      clear:both;
    }
  </style>
</head>
  <body>
    <div class="header"></div
    <div class="content"></div>
    <div class="footer"></div>
  </body>
</html>
于 2012-08-15T06:24:21.247 に答える