我要删除的 HTML 空白答案

【问题标题】：HTML blank I want to erase我要删除的 HTML 空白
【发布时间】：2009-06-30 00:29:10
【问题描述】：

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

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

我编写了这段代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "@987654321@">
<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 元素边框之间有一个空白区域，即使我的 body padding 和 div 边距设置为 0...

我曾经读过“More Eric Meyer on CSS”，其中包含解决此问题的方法，但那是很久以前的事了，我不记得了......

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

【问题讨论】：

标签： javascript html css padding margin

【解决方案1】：

你没有设置body的风格：

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

【讨论】：

【解决方案2】：

你的 body margin 没有设置为 0px，只是 html 的。

【讨论】：

html，正文 {margin:0;padding:0}

【解决方案3】：

在body标签上设置margin为0。

body {margin:0;}

【讨论】：

【解决方案4】：

加法——而不是加法：

padding: 0; margin: 0;

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

* { padding: 0; margin: 0; }

【讨论】：