题

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

我想提出一个网页，我不想被固定的，没有滚动和最重要的我想我的主要事业部，以填补aaaaaaaaall我可用的空间...

我在此代码

<!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之间的空白......

我曾经读“更多埃里克迈耶关于CSS”包含了解决这一问题，但它是很久以前的事，我不记得了......

任何帮助将不胜感激^^

有帮助吗？

解决方案

您没有设置体的风格：

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

其他提示

您体余量没有被设置为0像素，只是HTML的。

设置余量为0对身体标记。

body {margin:0;}

在加成 - 而不是增加：

padding: 0; margin: 0;

每一个选择做你的CSS文件的顶部全球：

* { padding: 0; margin: 0; }
许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top