HTML空白我想删除

时间:2009-06-29 13:08:53

标签: javascript html css padding margin

我有一个让我烦恼的新问题......

我正在制作一个我想要修复的网页,没有滚动,最重要的是我希望我的主要Div能够填充aaaaaaaall我的可用空间......

我制作了此代码

<!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>

正如您所看到的,即使我的身体填充和div边距设置为0,我的身体元素边框和div元素边框之间也会出现空白区域...

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

任何帮助都将非常感谢^^。

4 个答案:

答案 0 :(得分:7)

你没有设置身体的风格:

body {margin: 0px; padding: 0px; height: 100%;}

答案 1 :(得分:6)

您的身体边距未设置为0px,仅为html。

答案 2 :(得分:2)

在正文标记上将边距设置为0.

body {margin:0;}

答案 3 :(得分:1)

另外 - 而不是添加:

padding: 0; margin: 0;

每个选择器在CSS文件的顶部全局执行:

* { padding: 0; margin: 0; }