详解CSS常用操作对齐方法

时间：2020-11-27 来源：智榕旅游

这篇文章主要为大家详解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;
}