第一种方法
<style>
div{
margin: 0 auto;
background-color: yellow;
width: 50em;
height: 25em;
text-align: center;
}
</style>
</head>
<body>
<div>
div居中
</div>
</body>
第二种方法
<style>
div{
position: absolute;
left: 50%;
margin-left: -25em;
background-color: yellow;
width: 50em;
height: 25em;
text-align: center;
}
</style>
</head>
<body>
<div>
div居中
</div>
</body>
用两种方法来实现一个背景色为红色，宽度为800px，高度为400px的<DIV>在浏览器中居中
原文：http://www.cnblogs.com/chenchuen/p/4937086.html