2

私を悩ませている新しい問題があります...

スクロールせずに修正したいWebページを作成していますが、最も重要なのは、メインのDivがaaaaaaaaすべての利用可能なスペースを埋めることです...

このコードを作りました

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <title>There is a @#!¤*-ing blank !</title>
    <style type='text/css'>
        html {margin:0px;padding:0px;height:100%;overflow:hidden;border: 3px solid green}
        div {margin:0px;padding:0px;}
    </style>
  </head>



<body onload="document.getElementById('mydiv').style.height=document.getElementsByTagName('html')[0].offsetHeight+'px'"><div id="mydiv" style="margin:0px;padding:0px;width:100%;border: 2px solid red"></div></body>
</html>

ご覧のとおり、body パディングと div マージンが 0 に設定されていても、body 要素の境界線と div 要素の境界線の間に空白ができます...

この問題の解決策を含む「More Eric Meyer on CSS」を読んだことがありますが、それはずっと前のことで、覚えていません...

どんな助けでも大歓迎です^^。

4

4 に答える 4

7

ボディのスタイルを設定していません:

body {margin: 0px; padding: 0px; height: 100%;}
于 2009-06-29T13:11:36.217 に答える
6

本文の余白は 0px に設定されていません。html だけです。

于 2009-06-29T13:11:07.077 に答える
2

body タグのマージンを 0 に設定します。

body {margin:0;}
于 2009-06-29T13:12:59.337 に答える
1

さらに - 追加するのではなく:

padding: 0; margin: 0;

すべてのセレクターに対して、CSS ファイルの先頭でグローバルに実行します。

* { padding: 0; margin: 0; }
于 2009-06-29T16:29:10.953 に答える