首页 > 代码库 > 浮动div居中定位

浮动div居中定位

当图片不能设为背景的时候,图片上需要配文字,文字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居中定位