当前位置：小叶白龙博客 > HTML > 正文

浮动层居中、绝对位置层position: absolute

2014-08-07 分类：HTML / 技术文章阅读(1924) 评论(0)

一、div页面简单水平居中：

.XXX{margin:0 atuo;width:XXpx;}

二、页面完全居中，FF，IE等测试通过：

可使用以下样式，假设一宽为1000px,高560px的div：

<style>
.warp {
position: absolute;
width:1000px;
height:560px;
left:50%;
top:50%;
margin-left:-500px;
margin-top:-300px;
border: solid 3px red;
}
</style>

<body>

<div>Test</div>
</body>

三、子层为绝对位置层

当页面中设置为绝对位置position:absolute;时，最好将其父层定义一个position:relative相对位置，以保证IE下浏览器任何尺寸时不出现滚动条及页面混乱。

赞(0)

未经允许不得转载：小叶白龙博客 » 浮动层居中、绝对位置层position: absolute

标签：层居中

相关推荐

评论抢沙发

评论前必须登录！

立即登录注册

QQ咨询
QQ咨询
回顶
回顶部