要让DIV水平和垂直居中，必需知道该DIV得宽度和高度，然后设置位置为绝对位置，
距离页面窗口左边框和上边框的距离设置为50%，这个50%就是指页面窗口的宽度和高度的50%，
最后将该DIV分别左移和上移，左移和上移的大小就是该DIV宽度和高度的一半。
#parent {position: relative;} #child { position: absolute; top: 50%; left: 50%; height: 30%; width: 50%; margin: -15% 0 0 -25%; }
原文：http://www.cnblogs.com/LisaY/p/5090998.html