网页自动满屏实现代码

网页自动满屏以前可以搞个<table>，然后设它的height=”100%”，这样整个表格就充满了页面，再将内容放在这表格内，搞定。可是不知从什么时候开始，突然发现这个属性失效了。跟头部 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 这句有点儿关系。去掉也可以自动满屏，窗口有多大，window.document.body.offsetHeight就有多大。保留这个头部，稍加变通，也可以满屏。方法是在最外层加个DIV，如下： <div id="divTest" style="width:100%;height:100%;position:absolute;"> 注意这个;position:absolute; 一定要有，否则也不起作用。这个DIV就作为整个页面的容器。 <!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"> <body onload="LoadTabPage();"> <div id="divTest" style="width:100%;height:100%;position:absolute;"> …… </div> </body> </html>

　　推荐阅读

　　看懂《CSS hack浏览器兼容一览表》

CSS hack浏览器兼容一览表《CSS hack浏览器兼容一览表》在很多的网站都是以一个图片的形式出现，所以许多读者不能理解它的实现的用法，例如：property:value; ，这句到底是什么意思，其实只要你去了原文地址看>>>详细阅读

本文标题：网页自动满屏实现代码

地址：http://www.17bianji.com/kaifa2/CSS/17102.html

1/2 1