html - HTML 本文の幅と高さに問題がある

Question

この質問に従って、HTML と本文を 100% の高さと幅で宣言しました。しかし、それは私が取り除くことができない底にスペースを残します.

何が問題ですか？そのステートメントを消去して、そのようなすべてをそのままにしておくと、高さと幅のパーセンテージを持つすべてのものは消えます。

また、マージンとパディングをゼロに設定しました。HTML の高さ約 5% のスペースを残しています。Chrome の要素の検査ですべてを見てきましたが、余分なスペースが本文に含まれており、他の場所には含まれていないことがわかります。

Answer 1

他の条件が同じであれば、ブラウザはデフォルトのマージンやパディングを html 要素や body 要素に追加します。

100% プラスマージンまたはパディングは 100% を超え、スクロールが発生します。

スクロールを削除するには、それを削除します。

html,
body {
    margin: 0;
    padding: 0;
}

Answer 2

その質問とまったく同じコードを HTML ドキュメントにコピーした場合は、要素に幅が追加されるためpadding、 とプロパティを削除する必要があります。border

.Container {
    width: 100%;
    height: 100%;
    border: solid 1px red; /* Remove this */
    margin: 0 auto;
    padding: 0 1em; /* Remove this */
    font: 12px/1.5 Verdana;
    background-color:red;
}

スクロールバーがあるもの

修正済み

説明: 以下のボックス モデルが表示されている場合

パディングとボーダーは要素の外側でカウントされるため、コンテナー要素はすでに幅 100%1emであるため、要素の両側に追加されます。

Answer 3

simply give 
body
{
margin:0px;
}