详解CSS常用操作对齐方法

一、使用margin属性进行水平对齐

*{
 margin: 0px;
}
.div{
 width: 70%;
 height: 1000px;
 background-color: red;
 margin-left: auto;
 margin-right: auto;
}

margin:值1 值2

值1代表上下 值2代表左右

*{
 margin: 0px;
}
.div{
 width: 70%;
 height: 1000px;
 background-color: red;
 margin: 100px auto;
}

二、使用position属性进行左右对齐

*{
 margin: 0px;
}
.div{
 width: 70%;
 height: 1000px;
 background-color: red;
 position: absolute;
 right: 0px;
}

三、使用float属性进行左右对齐

*{
 margin: 0px;
}
.div{
 width: 70%;
 height: 1000px;
 background-color: red;
 float: left;
}