css裡面position:relative與position:absolute的區別

標籤：ati   定位   css   position   相對   float   不能   20px   瀏覽器   

position：absolute這個是絕對位置；
是相對於瀏覽器的定位。
比如：position：absolute；left:20px;top:80px; 這個容器始終位於距離瀏覽器左20px,距離瀏覽器上80px的這個位置。

position：relative是相對定位，是相對於前面的容器定位的。這個時候不能用top left在定位。應該用margin。

比如：<div class="1"></div><div class="2"></div>

當1固定了位置。1的樣式float:left;width:100px; height:800px;
2的樣式為float:left; position：relative；margin-left:20px;width:50px;
2的位置在1的右邊，距離120px

css裡面position:relative與position:absolute的區別