求纯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能看懂，但一些属性还是不能够完全理解。
自己只会写些常用的CSS。还没达到创造和创新的地步。
所以想问下各位前辈，应该看那本书较好呢？
建议不买书网上找教程自学，这个东西不是很难，多练习就会了
......
如题！！ 最好能够多浏览器支持！！！
CSS code:
<style type="text/css">
<!--
.fixTop {
Z-Index:102;
position:relative;
Top:expression(this.offsetPare ......
刚才在别处看到一个关于js+css来控制网页显示的问题，如何写自动判断是百度蜘蛛还是人浏览呢
就是百度蜘蛛访问的是一个页面，而人看到的是另一个页面
希望高手帮助
不会，帮你顶一下
不懂，有待学习！
唉~~ ......
如一个CSS代码为#checkoutShipTo_giftsoflady, .checkoutBillTo_giftsoflady {}要变成#checkoutShipTo_xxxxx, #checkoutBillTo_xxxxx{}
css书写格式不固定.
有可能是#id{},.class{}
也有可能是#id input{}
反正� ......
