絕對定位、相對定位
阿新 • • 發佈：2018-11-20
position：absolute 絕對定位
是相對於瀏覽器的定位。它不會隨著視窗大小變化，只是固定在一個特定的座標軸上面；
比如：position：absolute；left:20px;top:80px; 這個容器始終位於距離瀏覽器左20px,距離瀏覽器上80px的這個位置。
position：relative 相對定位 是相對於前面的容器定位的。這個時候不能用top left在定位。應該用margin。 和上面的相反，它可以隨視窗大小變化。但大小仍然不會變。要是你設定成width:100%;height:100%;這樣就會隨著視窗變大變小
比如：<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
是相對於瀏覽器的定位。它不會隨著視窗大小變化，只是固定在一個特定的座標軸上面；
比如：position：absolute；left:20px;top:80px; 這個容器始終位於距離瀏覽器左20px,距離瀏覽器上80px的這個位置。
position：relative 相對定位 是相對於前面的容器定位的。這個時候不能用top left在定位。應該用margin。 和上面的相反，它可以隨視窗大小變化。但大小仍然不會變。要是你設定成width:100%;height:100%;這樣就會隨著視窗變大變小
比如：<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