求纯css使div垂直水平居中？
<style>
#mainDiv{
position:absolute;
top:50%;
left:50%;
margin-top:-300px;
margin-left:-300px;
width:600px;
height:600px;
border:1px solid blue;
}
</style>
<body>
<div id="mainDiv">
</div>
</body>
以上这段代码貌似可以实现水平垂直都居中，但在窗口较小的时候就不完整了！
求各位达人指教，多谢！
http://blog.fufuok.com/Article/DivCenter.aspx
楼上不错。。
1楼没仔细看我帖吧，我帖了段代码原理和你帖的一样的，是有缺陷的。
引用 哈哈
把窗口缩小，你就会发现div部分会被遮住，谢谢
是指窗口小于600*600？
HTML code:
#mainDiv{
position:absolute;
top:50%;
left:50%;
width:600px;
height:600px;
border:1px solid blue;
}
CSS code:
#mainDiv{
position:absolute;
margin-top:10%;
margin-left:25%;
width:50%;
height:50%;
border:1px solid blue;
}
折中的办法是全部用相对数值
不同的浏览器 请hack 各自的数值
感觉比JS麻烦多了
浏览器的hack，是没什么办法的。
{
相关问答：
我最近看很多大网站的html源代码，大多都是把css内联式，而不是外联式，这样做的目的是什么？求高手指教！谢谢
我用的是连接池做的，配连接池的方法应该没有错，为什就是出现这种问题
急急急急急急急急急急急求HTML CSS JavaScript标准教程试题求HTML CSS JavaScript标准教程试题求HTML CSS JavaScript标准教程试题求HTML CSS JavaScript标准教程试题
近来做页面都会在本机上调试好FF IE7 IE6，但是调试过的页面有时在别人的IE6,IE7会显示不正常，于是找第三者，有时候跟我这边显示一致，有时候跟对方先是一致 ，前台IE6 IE7兼容没有标准，这个前台还怎么活！
position:relative不是相对定位吗~~为什么用了边偏移定位后有些人就说是变成了绝对定位了……~~而且它与margin来确定位置有什么不同~~
