一：说明
元素在其父元素中水平方向的位置由如下属性决定
1
2
3
4
5
6
7
| - margin-left
- border-left
- padding-left
- width
- padding-right
- border-right
- margin-right
|
公式
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
| - margin-left
- border-left
- padding-left
- width
- padding-right
- border-right
- margin-right
以上所有的加一起必须等于其父辈元素内容区的宽度（一定要满足）
如果相加结果使等式不成立，则成为过度约束，则等式会自动调整，
具体调整如下：
如果上述值中没有auto的情况，则浏览器会自动调整margin-right
的大小使等式成立。
上述属性中其中有width,margin-left,margin-right可以设置成auto，如果width是
auto,margin-left:100px，父元素的width是800px，则auto的值就是800-100就是700
px，auto的属性就是根据浏览器自动调整的，然后使等式成立。
如果将一个宽度和一个外边距同时设置成auto，则宽度会调整到最大，设置为auto的
外边距设置为0.
如果将三个值都设置成auto，则外边距是0，宽度最大
如果将两个外边距设置成auto，宽度固定值，则会将外边距设置成相同的值，
也就是剩余的除以2
- 根据上述的特点，我们经常将一个元素水平居中，如下：
width:100px;
margin:0 auto;
上述的样式相当于：
width:100px;
margin:0 auto 0 auto;或者相当于
width:100px;
margin-left:auto;
margin-right:auto;
|
*************感谢您的阅读*************
