[此文来源于互联网,牛C网只负责收集整理]
<div style="position:absolute; top:50%; left:50%; margin:-200px 0 0 -275px; width:550px; height:400px">内容。图片文字flash等。请注意,div宽度高度以及margin负值需针对内容进行相应设置</div>
说明:
绝对定位div
position:absolute;
顶部和左边距
top:50%; left:50%;
使用外补丁 margin 负值,负值大小为层自身高度宽度各除以二
margin:-200px 0 0 -275px;
测试环境:
IE6
Mozilla 2.0.0.5
Opera 9.22
Netscape 9.0b1
Safari for Windows 3.0.2
附:使用此方法有个 bug,当浏览器窗口小于 div 时,顶部和左部内容会有所隐藏。
<div style="position:absolute; top:50%; left:50%; margin:-200px 0 0 -275px; width:550px; height:400px">内容。图片文字flash等。请注意,div宽度高度以及margin负值需针对内容进行相应设置</div>
说明:
绝对定位div
position:absolute;
顶部和左边距
top:50%; left:50%;
使用外补丁 margin 负值,负值大小为层自身高度宽度各除以二
margin:-200px 0 0 -275px;
测试环境:
IE6
Mozilla 2.0.0.5
Opera 9.22
Netscape 9.0b1
Safari for Windows 3.0.2
附:使用此方法有个 bug,当浏览器窗口小于 div 时,顶部和左部内容会有所隐藏。
作者:gdgzboy@牛C网
地址:http://www.niuc.net/post/3576/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!
牛C网推荐您再看看以下日志:
标准建站之web设计与开发常见错误
CSS 中 em px 区别
web标准基础知识
典型的DIV CSS三行二列居中高度自适应布局
CSS技巧-important和空格的组合技巧及其他
网页CSS技巧-闭合浮动元素超级简单的方法
把控制网页字体大小的决定权交还给用户
根据浏览器和分辨率调用CSS代码
资源分享-学习CSS的相关资源网站
CSS 教程 - CSS的继承性
标准建站之web设计与开发常见错误
CSS 中 em px 区别
web标准基础知识
典型的DIV CSS三行二列居中高度自适应布局
CSS技巧-important和空格的组合技巧及其他
网页CSS技巧-闭合浮动元素超级简单的方法
把控制网页字体大小的决定权交还给用户
根据浏览器和分辨率调用CSS代码
资源分享-学习CSS的相关资源网站
CSS 教程 - CSS的继承性
用CSS比较网页制作中中文字体的差别
CSS中如何正确的使用 id 和 class?





