Ar3*_*r3s 2 html javascript css margin padding
我有一个新问题让我烦恼......
我正在制作一个我想要修复的网页,没有滚动,最重要的是我希望我的主要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>
正如你所看到的,即使我的body padding和div margin设置为0,我的body元素边框和div元素边框之间也有一个空白区域...
我曾经读过"更多关于CSS的Eric Meyer",其中包含了解决这个问题的方法,但是很久以前我不记得了......
任何帮助将不胜感激^^.
你没有设置身体的风格:
body {margin: 0px; padding: 0px; height: 100%;}