绝对定位元素的布局

绝对定位元素的水平布局

left+

margin-left+border-left+padding-left+width+padding-right+border-right+margin-right（七个值）

+right

= 包含块的内容区的宽度

---

当我们开启了绝对定位后：


		水平方向的布局等式就需要添加left和right两个值
	
		此时规则和之前一样只是多添加了两个值
	



当发生过度约束时：
	
		如果9个值中没有auto，则自动调整right以使等式满足
		
		如果有auto，则自动调整auto的值以使等式满足




可以设置auto的值：

	margin、width、left、right

注：

	因为left和right的值默认是auto，

	所以如果不指定left和right，则等式不满足时，会自动调整两个值

---

绝对定位元素的垂直布局

垂直方向布局的等式也要满足以下等式:

							   top
								+
						   margin-top
								+
						   padding-top
								+
						   border-top
								+
							  height
							  	+
						  border-bottom
							  	+
						  padding-bottom
								+
						  margin-bottom
								+
							  bottom
								=
							包含快元素

---

设置垂直水平居中

						position:absolute;
						
						margin:auto
						
						left:0;
						
						right:0;
						
						top:0;
						
						bottom:0;