亚洲一区在线播放-欧美另类极品videosbest使用方法-亚洲成人av在线播放-黄色录像大片-色悠悠av-91欧美日韩-中文字幕偷拍-综合色婷婷一区二区亚洲欧美国产-一级爱爱片-黑人添美女bbb添高潮了-久久青娱乐-黄色一级视屏-美女国产在线-亚洲九九九九-欧美 日韩 国产 成人 在线观看-星空大象mv高清在线观看免费-国产福利合集-好吊色视频在线观看-尤物综合网-18岁成年人网站

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

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

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

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

示例圖: