百分比&懸浮欄

.box{width:90%;background-color:gray;border:0px solid #000;margin-left:-45%;

/*margin數(shù)值相當(dāng)于width數(shù)值的負(fù)一半*/font-size:16px;

/*行高默認(rèn)為*/position:fixed;top:0%;left:50%;

/*left數(shù)值永遠(yuǎn)等于50%(想要居中的話)*/text-align:center;color:#fff;

/*或者直接省略margin.

left=(100%-width百分比)除以2*/

}.text{width:30%;margin:2% auto 2%;font-weight:bold;background-color:lime;text-align:center;

}

/*.pop_windows{

60%;

height: 50%;

margin-left: -30%;

background-color: #ffff90;

border: 2px solid #000f;

text-align: center;

position: fixed;

top: 25%;

left: 50%;

}*/.pop_con{display:block;

/*display: none;*/

}.pop_windows{width:60%;height:50%;

/*margin-left: -30%;*/background-color:#ffff90;border:2px solid #000f;text-align:center;position:fixed;top:25%;left:20%;z-index:999;

}.pop_windows h3{line-height:250px;

}.pop_mask{width:100%;height:100%;position:fixed;top:0;left:0;opacity:0.3;background-color:black;z-index:998;

}

懸浮欄

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

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

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