兼容IE8,FF浏览器全屏-CSDN博客

本文链接：https://blog.csdn.net/paulfzm/article/details/83493090

最近常在群时听到朋友们讲做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>

<title>测试ＤＩＶ高度</title>

<!--

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>

你发现什么了．现在ＩＥ下已成功了．但是转到ＦＦ下却还是不行．啊忘记了一个地方．换以下代码再看看．

<!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">