求纯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是用来设置样式的，而DOM也可以用来设置样式，js库也可以。
这些究竟在什么时候用什么?
请指点！谢谢！
不用js+dom操作css,LZ写个用dom操作css的来看看
DOM只是一 ......
能不能写一个css的类 让所有input type="button"的按钮直接自动套用这个类 而不用我一个一个手动去加到每个input里面？
因为我有好多页面都用一个CSS，所以只要需要手动加的方法都不� ......
哪位高手能帮我解决这个问题：
有没有css实现表单的下拉框箭头用图片代替？不用js
我使用了js后，允许控件运行前模块变形，允许后才正常显示，所以我想运用css来实现。
谢谢，在线等。
好像都是用JS。。来实现� ......
HTML code
<html>
<head>
<title>直接输入的Excel表格 </title>
<style>
<!--
table.formdata{
border:1px solid #5F6F7E;
border-collapse:collaps ......
如一个CSS代码为#checkoutShipTo_giftsoflady, .checkoutBillTo_giftsoflady {}要变成#checkoutShipTo_xxxxx, #checkoutBillTo_xxxxx{}
css书写格式不固定.
有可能是#id{},.class{}
也有可能是#id input{}
反正� ......
