div+css 如何实现 div的垂直，水平居中(自适应的那种，不要margin-top:300这样假的居中) ，求高手指点！！

<!-- div { position:absolute; top:50%; left:50%; margin:-100px 0 0 -100px; width:200px; height:200px; border:1px solid red; } --> 垂直水平都可以居中。