我要删除的HTML空白 [英] HTML blank I want to erase
问题描述
我有一个新问题困扰我...
I have a new problem that bugs me ...
我正在制作一个无需滚动即可修复的网页,最重要的是我希望我的主Div填补我所有可用的空间...
I am making a web page that I want to be fixed with no scrolling and most important I want my main Div to fill aaaaaaaaall my available space...
我将此代码设置为
<!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 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元素边框之间还是有一个空白.
As you can see I get a white space between my body element border and my div element border even though my body padding and div margin are set to 0...
我曾经读过"CSS上的更多Eric Meyer",其中包含针对此问题的解决方案,但那是很久以前的事了,我不记得了...
I had once read "More Eric Meyer on CSS" that contains a solution to this issue but it was a long time ago and I don't remember ...
任何帮助将不胜感激^^.
Any help would be greatly appreciated ^^.
推荐答案
您没有设置主体的样式:
You didn't set the body's style:
body {margin: 0px; padding: 0px; height: 100%;}
这篇关于我要删除的HTML空白的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!