1

ページの下部に 12px の余白があります。CSS を調べると、どの要素にも属していません。CSS インスペクターによると、 body 要素と html 要素の両方の高さにこのスペースが含まれていません...それは私を怒らせました。

ご覧になりたい方はこちらのページです。

ありがとう

4

4 に答える 4

6

の内容を.clearfixa.から to \0020(スペース) に変更します。これはトリックを行います：

.clearfix:after {
    clear: both;
    content: "\0020"; /* change to this */
    display: block;
    height: 0;
    visibility: hidden;
}
于 2012-04-28T16:37:50.167 に答える
2

#footer-wrapper をこれに変更すると、問題が解決します

#footer-wrapper {
    background-image: url('../images/green.jpg');
    height: auto;
    overflow: hidden;
    }

これが役立つことを願っています。

于 2012-04-28T16:34:18.987 に答える
0

line-height などを変更したくない場合は、次のようにフッターにパディングを追加できます。

#footer-wrapper {
    margin-top: 35px;
    padding-bottom: 20px;
}
于 2012-04-28T16:44:21.753 に答える
0

その一部はあなたに関連しています.clearfix::after。それに追加するline-height:0と、ほとんどがなくなりました。一般的にページ全体の行の高さがレイアウトを少し台無しにしていると思います。

于 2012-04-28T16:30:16.070 に答える