定位方案有四種：靜態定位、相對定位、絕對定位和固定定位。妳可以使用CSS 3中的「position」屬性來決定要使用的定位方式。
在這四種方案中，靜態和相對定位不會影響整個文檔的布局，而絕對和固定定位會與文檔分開，因此頁面不會為這兩種類型的定位元素保留空間。 在默認狀態下，所有元素都是靜態放置的，即元素從上到下以及從左到右的順序排列。
只要為元素設置了“ position”屬性，就可以使用“ top”，“ right”，“ bottom”和“ left”屬性精確定義其位置。
擴展資料：
相對定位中的“top”，“right”，“bottom”和“left”用於設置距元素原始位置的偏移量，但是絕對定位的四個屬性不同。
在絕對定位中，“top”是指所定位元素上方的外部邊界與容納塊上方的內部邊界之間的距離。 換句話說，已定位元素的邊距和包含塊的邊界將影響top的值，進而影響絕對定位元素的位置，但包含塊的填充將不起作用。
在相對定位中，“top”是指被定位元素上方的外邊界與其原始位置的上邊緣之間的距離。“bottom”的含義類似於“top”，是指定位元素下方的外部邊界與容納塊下方的內部邊界之間的距離，“left”和“right”也是如此。