求纯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，是没什么办法的。
{
相关问答：
CSS code:
body {
}
#x
{
width:1024px;
height:768%;
background-color:Red;
position:relative;
}
#x.top
{ position:absolute;
width:800px;
height:100px;
top:0px ......
能不能写一个css的类 让所有input type="button"的按钮直接自动套用这个类 而不用我一个一个手动去加到每个input里面？
因为我有好多页面都用一个CSS，所以只要需要手动加的方法都不� ......
近来做页面都会在本机上调试好FF IE7 IE6，但是调试过的页面有时在别人的IE6,IE7会显示不正常，于是找第三者，有时候跟我这边显示一致，有时候跟对方先是一致 ，前台IE6 IE7兼容没有标准，这个前台还怎么活！
� ......
刚才在别处看到一个关于js+css来控制网页显示的问题，如何写自动判断是百度蜘蛛还是人浏览呢
就是百度蜘蛛访问的是一个页面，而人看到的是另一个页面
希望高手帮助
不会，帮你顶一下
不懂，有待学习！
唉~~ ......
哪位高手能帮我解决这个问题：
有没有css实现表单的下拉框箭头用图片代替？不用js
我使用了js后，允许控件运行前模块变形，允许后才正常显示，所以我想运用css来实现。
谢谢，在线等。
好像都是用JS。。来实现� ......
