负margin的经典利用之用绝对定位来居中

使用绝对定位将div定位到body的中心，然后使用负margin（content宽高的一半），将div的中心拉回到body的中心，已到达水平垂直居中的效果。

<div id="test"></div>

#test{border: 2px solid #000; width: 200px;height: 200px;position: absolute;left: 50%;top: 50%;margin:-100px;}