2

我有一个困扰我的新问题...

我正在制作一个我想在没有滚动的情况下修复的网页，最重要的是我希望我的主 Div 填满我的可用空间……

我做了这个代码

<!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 padding 和 div margin 设置为 0，我的 body 元素边框和 div 元素边框之间也有一个空白区域......

我曾经读过“更多关于 CSS 的 Eric Meyer”，其中包含解决这个问题的方法，但那是很久以前的事了，我不记得了......

任何帮助将不胜感激^^。

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 回答