兼容IE8,FF浏览器全屏
最近常在群时听到朋友们讲做DIV高度100%时总是不成功．实际高度只有１ＰＸ左右．其实这是对模型不熟悉的结果．在xhtml+css中， div标签也是套在body中，如果只是设置了这个ＤＩＶ的高度还是不够得．因为body的高度没有设置那么div设置了１００％也其实只有1px．如果要做真正的100%效果那么就要设置类似以下ＣＳＳ body{height:100%} 这样试下．代码如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>测试ＤＩＶ高度</title>
<style type="text/css">
<!--
body{height:100%; margin:0px;}
#mainbody{width:100%; height:100%;background-color:#33CCCC;}
-->
</style>
</head>
<body>
<div id="mainbody">网址：<a href="http://blog.szrgb.net">http://blog.szrgb.net</a></div>
</body>
</body>
</html>
你发现什么了．现在ＩＥ下已成功了．但是转到ＦＦ下却还是不行．啊忘记了一个地方．换以下代码再看看．
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>测试ＤＩＶ高度</title>
<style type="text/css">
<!--
html,body{height:100%; margin:0px;}
#mainbody{width:100%; height:100%;background-color:#33CCCC;}
-->
</style>
</head>
<body>
<div id="mainbody">网址：<a href="http://blog.szrgb.net">http://blog.szrgb.net</a></div>
</body> </html> 在这里html,body{height:100%; margin:0px;} 中的ＨＴＭＬ是专为ＦＦ准备的． 好了，朋友们开始做自己的100%满屏吧！
</body> </html> 在这里html,body{height:100%; margin:0px;} 中的ＨＴＭＬ是专为ＦＦ准备的． 好了，朋友们开始做自己的100%满屏吧！