<!DOCTYPE html>
<html>
<html>
<head>
<meta charset="UTF-8">
<title>div居中对齐方式</title>
<style type="text/css">
body{
margin: 0 auto;
}
/*第一种
#box{
width:100px;height:100px;background-color: #FF0000;
margin:0 auto;
}
*/
/*第二种
#box{
width:100px;
height:100px;
background-color: #FF0000;
position: relative;
margin-left: 50%;
left:-50px;
}
*/
/*第三种
#box{
width:100px;
height:100px;
background-color: #FF0000
margin-left: 50%;
left:-50px;
}
*/
</style></head>
<body>
<div id="box"></div>
</body></html>