详细解说，直接看样式：
#dingwei{padding:10px;background-color:#003300;color:#FFFFFF;
600px;height:300px;
display:block;
position: absolute;
top:50%;
left:50%;
margin-left:-300px;
margin-top:-150px;}
padding:10px;background-color:#003300;color:#FFFFFF; 这几句都是装饰性的东西不是核心；
600px;height:300px; DIV总的有个宽高吧，根据你的具体情况设置；
display:block; 把DIV以块级元素显示；
position: absolute;top:50%;left:50%;margin-left:-300px; margin-top:-150px; 这一段时重点，我想聪明的朋友都看明白了。
就是绝对定位DIV层，当然你应该让他相对于body标签。margin-left:-300px; 这个值是DIV宽度的一半， margin-top:-150px; 是DIV高度的一半。
我喜欢，驾驭着代码在风驰电掣中创造完美！我喜欢，操纵着代码在随必所欲中体验生活！我喜欢，书写着代码在时代浪潮中完成经典！每一段新的代码在我手中诞生对我来说就象观看刹那花开的感动！
//我看到最后一段话，所以我转载了。