玖纳米网络拥有7年专业网站建设服务经验
网站建设技术
当前位置:首页 > 服务与支持 > 网站建设技术 > 正文
position:absolute 解决绝对定位水平居中的变通方法
作者:玖纳米网络编辑部 来源:原创 日期:2013-4-13 6:08:08 人气:652

CSS样式代码如下:

#divcenter {
position: absolute;
left: 50%;
width: 1000px;
margin-left: -500px;
}

首先是position: absolute; 绝对定位,然后使用left: 50%;让其在定位在网页正中,定义宽度width: 1000px; 由于起点是网页正中,所以需要让其向左偏移1000/2 500PX 所以使用margin-left: -500px; 完成!

虽然这个方法并不是完美的首选解决方案,但也是个不错的方法,适用性极广,目前测试搜狗 IE 360 遨游 chome 百度浏览器 火狐均没有任何问题。

本文网址:http://www.9nm.cn/Support/webdesign/577.html