兼容IE8,FF浏览器全屏

最近常在群时听到朋友们讲做DIV高度100%时总是不成功.实际高度只有1PX左右.其实这是对模型不熟悉的结果.在xhtml+css中, div标签也是套在body中,如果只是设置了这个DIV的高度还是不够得.因为body的高度没有设置那么div设置了100%也其实只有1px.如果要做真正的100%效果那么就要设置类似以下CSS  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>测试DIV高度</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>
</html>  
你发现什么了.现在IE下已成功了.但是转到FF下却还是不行.啊忘记了一个地方.换以下代码再看看.
<!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>测试DIV高度</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;} 中的HTML是专为FF准备的. 好了,朋友们开始做自己的100%满屏吧!

你可能感兴趣的:(html,.net,XHTML,浏览器,css)