小伙伴們平時(shí)做頁(yè)面的時(shí)有沒(méi)有遇到過(guò)讓一個(gè)盒子漂浮到頁(yè)面的正中間悲柱? 大家會(huì)第一時(shí)間想到的就是定位吧些己?使用定位還要給他量邊距,會(huì)不會(huì)太麻煩了一點(diǎn)轴总,快來(lái)看看我是怎么解決的吧博个。
1、首先先給兩個(gè)盒子盆佣,wrapper為父級(jí)
<div class="wrapper">
<div class="ziji">
<p>我是子集盒子</p>
</div>
</div>
2、來(lái)看看樣式怎么寫(xiě)
.wrapper{
.whb(1000px,1000px,red);
.ziji{
.whb(100px,100px,green);
position: absolute;
top: 50%;
left: 50px;
margin-top: -50px;
margin-left: -50px;
}
}
很難理解虑灰? 給張圖自行體會(huì)