問題：怎樣實現(xiàn)一個盒子在未知容器里面水平垂直居中？
方法：首先盒子有個寬高，然后給盒子一個定位（相對或者絕對），設(shè)置top:50%;left:50%;通常情況下我們會以為top:50%;left:50%;就會是盒子居中，其實并不是。因為盒子是有寬高的齐佳，這樣只會讓盒子的左上角在其父級的中心點上私恬，所以要在設(shè)置top 和 left屬性之后，讓這個盒子的margin-top,margin-left值分別為其本身寬高的一半炼吴，并且值為負(fù)本鸣。代碼如下：
div {
width:100px;
height:100px;
border: 1px solid black;
position: relative;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px;
}
