17C精品-亚洲色欲色欲www在线观看-午夜激情福利视频-婷婷综合色-亚洲成人精品在线观看-h片免费观看-欧美日韩一二三四-一起操在线-色噜噜一区二区-日韩av无码中文字幕-夜夜草影院-国产精品18久久久-2020av在线-草逼视频网-草草视频在线-波多野吉衣在线视频-日本激情视频在线观看-亚洲精品成-xxx国产在线观看-国产高清精品一区-99免费国产-日本十大三级艳星-a天堂视频在线-国内自拍视频一区-一区精品久久

css水平垂直居中(絕對定位居中)

2016/12/22 8:39:45   閱讀:2010    發布者:2010

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

首先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 }

示例圖: