0

ねえ、私はボトムスティッキーフッターリンクテストをしようとしていましたが、それは100％以上であり続け、少しスクロールしたことを意味します。

だから私は何も追加せずに単純なHTMLコードを作成しましたが、それでも100％を超えています。ここを参照してください：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="he" lang="he" dir="rtl" id="bangler">
    <head>
        <title>my title</title>
        <style type="text/css">
        html, body, #wrapper { height: 100%; }
        body > #wrapper { height: auto; min-height: 100%; }
        </style>
    </head>
    <body>
        <div id="wrapper">aa</div>
    </body>
</html>

問題は、100％より少しだけスクロールし、約5〜10ピクセル多くなることを意味します。これは、IEとFirefoxの両方で本当に奇妙です。

前もって感謝します ！

4

4 に答える 4

7

これは、デフォルトのbodyマージンが原因です。これをあなたのスタイルに追加してください：

body { margin: 0; padding: 0; }
于 2010-12-19T14:14:20.603 に答える
1

私のウェブサイトとのクロスブラウザ互換性を確保するために、私は常に自分でボディマージンを定義しています。この場合：html, body {margin: 0 0 0 0; padding: 0 0 0 0; }
CSSをかなり学ぶまで、ボディに独自の事前定義されたマージンとパディングがあることに気づきませんでした。

于 2010-12-21T21:48:39.700 に答える
0

paddingおよび/または（ブラウザによって異なります）はデフォルトでおよび/またはデフォルトでmarginゼロ以外であり、パディングとマージンはコンテンツの高さをラップします。htmlbody

于 2010-12-19T14:14:41.213 に答える
-1

すべてのブラウザーにはちょっとした癖があり、セレクターと属性の表示もわずかに異なるため、BoltClockの答えは、すべてのブラウザーがゼロのマージンとゼロのパディングで開始することを確認することです。

CSSリセットを検索すると、それに関する詳細情報が見つかります。

于 2010-12-19T15:15:49.307 に答える