0

うまく機能するコンテンツがいくつかある場合。そして、私がそれの束のようなものを置くだけ
でもうまくいきます。また、＃contentからコンテンツを削除すると、それも機能します。コードが多すぎるので、ペーストビンにtiを貼り付けます。このスクリーンショットでは、問題が示されています。http: //postimage.org/image/ee448x5yp/ cssで確認できるように、フッターは黒い部分で、緑の部分はhtml、本文です。考えられる解決策はありますか？:(

HTML

<div id="wrap">
    <div id="header">
        ...
    </div>
    <div id="content">
        <div class="center">
                ...
        </div>
    </div>
    <div id="footer">
        ...
    </div>
  </div>

CSS

#wrap {
    width: 100%;
    min-height: 100%;
    margin: 0 auto -75px; /* the bottom margin is the negative value of the footer's   height */
    position: relative;
    text-align: left;
}

#footer {
  position: absolute;
  bottom: 0;
  height: 75px; /* Height of the footer */
  width: 100%;
  background: #000;
  text-align: center;
  line-height: 103px;
}

全体的な状況のフィドル

http://jsfiddle.net/Vmvrd/

4

2 に答える 2

0

私はそれが正しく機能すると思います、私があなたの編集された投稿に追加するフィドルの例を見てください。

于 2012-06-22T20:12:50.353 に答える
0

フッターには、それよりも高い要素があります。bodyフッターの高さが固定されているため、フッターは拡張されますが、拡張されません。に追加overflow: hiddenし、#footerそこから作業します。

于 2012-06-22T22:28:15.920 に答える