使用絕對定位有個限制就是父集必須設(shè)置一個固定的高度。

首先HTML

1 <div id="box"> 2 <div class="child"></div> 3 </div>

CSS

1 #box { 2 position: relative; 3 height: 500px; 4 background: red; 5 } 6 .child { 7 width: 100px; 8 height: 100px; 9 background: blue; 10 margin: auto; 11 position: absolute; 12 top: 0; 13 right: 0; 14 bottom: 0; 15 left: 0; 16 }

示例圖：

總結(jié)

以上是生活随笔為你收集整理的css水平垂直居中（绝对定位居中）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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