一个CSS Div布局教程，实现了Div的垂直和水平居中，完美兼容火狐、Chrome、ie6、ie7、ie8。用到了在CSS中使用expression的相关知识。大家知道在expression中可以使用JS代码，因此来说，本方法是CSS+Js实现的div 水平 垂直固定居中，其代码相对简洁，为CSS设计的朋友提供参考：
<html>
<head>
<style type="text/css">
.box {
width: 200px;
height: 200px;
border: 1px solid #000;
position: fixed;
left: 50%;
top: 50%;
margin-left: -100px;
margin-top: -100px;
_position: absolute;
_top: expression(eval(document.documentElement.clientHeight/2+document.documentElement.scrollTop;));
_left: expression(eval(document.documentElement.clientWidth/2+document.documentElement.scrollLeft;));
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>本代码可实现兼容性良好的居中，不过测试发现在IE8下右下角提示有JS错误，一直未找到原因，也请高手解决了告诉我。
