使用絕對(duì)定位有個(gè)限制就是父集必須設(shè)置一個(gè)固定的高度。
首先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 }
示例圖：
【 微信掃一掃 】
