定位屬性left，right，top，bottom

1.官方解釋

left： 設置定位元素左外邊距邊界與其包含塊左邊界之間的偏移。（該屬性定義了定位元素左外邊距邊界與其包含塊左邊界之間的偏移，下面也差很少。。）

right： 設置定位元素右外邊距邊界與其包含塊右邊界之間的偏移。

top： 設置定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。

bottom： 設置定位元素下外邊距邊界與其包含塊下邊界之間的偏移。

 

2.我的理解

• left等定位屬性，要使用時，它得（dei）是已定位的元素。（absolute，relative，fixed）

　　eg：img{position:absolute;left:100px}  若是去掉position：absolute，則left失效。對float：left這種浮動元素也是失效，反正就是定位了才讓用哈。

• 拓展一種居中用法，先定位，再設置  left：0;right：0;margin:auto  可使元素垂直居中。 設置 top:0;bottom:0;margin:0  可使元素水平居中。固然，設置四個值都是0；margin：0；後，這個元素就在正中間了。若是不設置元素大小，就平鋪了。

　　（這個是由於把上下左右都設爲0，就扯大了？）

• 其餘的沒了，還沒想到那麼深，哈哈哈哈