浮动div居中定位

标签：os   io   ar   div   sp   on   ef   c   text   

当图片不能设为背景的时候，图片上需要配文字，文字div就需要设成浮动层position:absolute；

但是这时，这个浮动div无法显示在img中间位置，不同分辨率的移动设备会显示位置错乱

这时可以将浮动div设成相对body的定位，

.bonus-back {
height: 256px;
width: 280px;
position: absolute;
left: 50%;
top: 48%;
margin-left: -140px;           /***浮动层宽度的一半****/
margin-top: -128px;　　　　/***浮动层高度的一半****/
z-index: 99999;　　　　　　/***浮动在img之上***/
text-align: center;
}

浮动div居中定位

标签：os   io   ar   div   sp   on   ef   c   text   

原文地址：http://www.cnblogs.com/baoguanxia/p/3935597.html