网页自动满屏实现代码- CSS样式表 - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 网页自动满屏实现代码

CSS样式表: 分页显示之超级提速版; 兼容多浏览器实现半透明(Opera ie firefox); 解析IE, FireFox, Opera 浏览器支持Alpha透明的方法; utf8和unicode编码究竟是什么关系？有何区别?; XHTML下css+div布局总结超强推荐; 在IE下拖动滚动条时border消失的解决方法; CSS中常用的单位; 有关表格边框的css语法整理(1); 中文排版CSS心得; 一个针对IE7的CSS Hack; css也疯狂! 用background 插入flash播放器; 如何解决下拉菜单被flash覆盖的问题; 网页中关闭IE的图像工具栏和XP主题; 解决IE升级后Flash线框问题; em px的关系; 在iframe中隐藏横向滚动条的方法大全; Iframe自适应其加载的内容高度; 固定右栏宽度, 左栏内容先出现同时自适应宽度的布局; IE Bug--浮动对象外补丁的双倍距离的解决方法; 解决IE7以下版本不支持无A状态伪类的几种方法

No. « ‹ 33 34 35 36 › »

技术文章搜索

关键字

CSS样式表中的网页自动满屏实现代码

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-11 浏览: 142 ::

收藏到网摘: n/a

css 一些技巧及易错的细节 CSS 一些使用用法

网页自动满屏
以前可以搞个<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样式表 中的 网页自动满屏实现代码

评论 (0) All

CSS样式表中的网页自动满屏实现代码