居中一个div

1、给div设置一个宽度，然后添加margin：0 auto 属性

div{
     width:200px;
     margin: 0 auto;
}

2、居中一个浮动元素

首先确定容器的宽高，然后设置层的外边距。

.div{
     width;100px;
     height:200px;//高度可以不设置
     margin:-100px 0 0 -50px;
     position:relative;//相对定位元素，相对于其正常位置进行定位
     left:50%;
     top:50%;
}

3、让绝对定位的div居中

.div{
     position:absolute;//绝对定位元素，相对于值部位static的第一个父元素进行定位
     width:1000px;
     margin:0 auto;
     top:0;
     right:0;
     bottom:0;
     left:0;

}