CSS定位中Position的absolute、 Relative使用細節

1 。當Position屬性值爲Relative時


對象原來佔有的位置保 留,其後面的對象按原來文檔流仍然保持原來的位置
Top的值表示對象相對原位置向下偏移的距離
bottom的值表示對象相對原位置向 上偏移的距離
兩者同時存在時,只有Top起作用。
left的值表示對象相對原位置向右偏移的距離
right的值表示對象相 對原位置向左偏移的距離
兩者同時存在時,只有left起作用。


2 。當Position屬性值爲absolute時


對象從文檔流中抽取出來,原佔有的位置被後面的對象頂替上來
Top的值表示對象上邊框與瀏覽器窗口頂部的距離
bottom 的值表示對象下邊框與瀏覽器窗口底部的距離
兩者同時存在時,只有Top起作用;如果兩者都未指定,則其頂端將與原文檔流位置一致,即垂直保持位 置不變。
left的值表示對象左邊框與瀏覽器窗口左邊的距離
right的值表示對象右邊框與瀏覽器窗口右邊的距離
兩者同時 存在時,只有left起作用;如果兩者都未指定,則其左邊將與原文檔流位置一致,即水平保持位置不變。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章