我们在使用CSS对网页进行排版时难免会使用到position:absolute,当你使用了这个属性之后,你会发现那个元素的位置会跑偏。因为它已经脱离了父元素的约束。如果你本来想让它绝对定位,然后仅仅为了层叠在其它元素之上,这时可能不如意。那你要怎么办呢?我们可以设置它的准确位置用top,right,bottom,left,来定义它距离上右下左的位置,但你会发现这个方法做出来的网页仅限在你的显示器上看,你换一个大点或小点的显示器就会发现它跑位。为了让它能够居中,我上网查了许多资料,最后终于找到一个比较靠谱的方法,就是给这个元素加上个宽度,如:width:960px,然后以屏幕的50%对齐就是left:50%;,这时候你会发现它是以最左边在屏幕的50%位置,最后一下是让元素向左移一半就是:margin-left:-480px;好了,这样就可以让它即能绝对定位,又能绝对居中。试试看吧,给你个完整的CSS代码直接套用。

.abc{
position:absolute;
width:960px;
left:50%;
margin-left:-480px;
}