一、使用margin属性进行水平对齐
|
1
2
3
4
5
6
7
8
9
10
|
*{
margin: 0px;
}
.div{
width: 70%;
height: 1000px;
background-color: red;
margin-left: auto;
margin-right: auto;
}
|
margin:值1 值2
值1代表上下 值2代表左右
|
1
2
3
4
5
6
7
8
9
|
*{
margin: 0px;
}
.div{
width: 70%;
height: 1000px;
background-color: red;
margin: 100px auto;
}
|
二、使用position属性进行左右对齐
|
1
2
3
4
5
6
7
8
9
10
|
*{
margin: 0px;
}
.div{
width: 70%;
height: 1000px;
background-color: red;
position: absolute;
right: 0px;
}
|
三、使用float属性进行左右对齐
|
1
2
3
4
5
6
7
8
9
|
*{
margin: 0px;
}
.div{
width: 70%;
height: 1000px;
background-color: red;
float: left;
}
|
本文转自yeleven 51CTO博客，原文链接:http://blog.51cto.com/11317783/1773177
