手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >网页自动满屏实现代码
网页自动满屏实现代码
摘要:网页自动满屏以前可以搞个,然后设它的height=”100%”,这样整个表格就充满了页面,再将内容放在这表格内,搞定...

<>

网页自动满屏

以前可以搞个<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网页设计小技巧

CSS 网页背景渐变实现代码

用css实现十字的布局示例代码

在div底部显示背景图片实现代码

DIV点击折叠实例代码

修复网页在IE8下的显示兼容问题

CSS3实现的炫酷菜单代码分享

div图片marquee无缝连接实现代码

CSS让段落开头自动空两格代码

CSS里随滚动条滚动代码

精品推荐
分类导航