當圖片不能設(shè)為背景的時候，圖片上需要配文字，文字div就需要設(shè)成浮動層position:absolute；

但是這時，這個浮動div無法顯示在img中間位置，不同分辨率的移動設(shè)備會顯示位置錯亂

這時可以將浮動div設(shè)成相對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;
}

轉(zhuǎn)載于:https://www.cnblogs.com/baoguanxia/p/3935597.html

總結(jié)

以上是生活随笔為你收集整理的浮动div居中定位的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。