position:在網頁(Web)中是定位的意思。在一個網頁(Web)中定位(position)是很常見的,特别是動态的網頁(Web)的時候,用的很多。在Web中定位(position)是一個屬性,那麼就會有屬于它的屬性值。
在Web中可能出現的屬性值有:
static(靜态定位):它是指默認值。沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right 或者 z-index 聲明)。
靜态定位(static)之前
靜态定位(static)之後
靜态定位(static)之後的代碼
inherit(繼承定位):它是指規定應該從父元素繼承 position 屬性的值。
繼承定位(inherit)之前
繼承定位(inherit)之後
繼承定位(inherit)之後的代碼
relative(相對定位):它是指生成相對定位的元素,相對于其正常位置進行定位。例:"left:50" 的意思就是向元素的left 位置添加 50 像素,也就是相對于原先的位置向右移動了50像素。
相對定位(relative)之前
相對定位(relative)之後
相對定位(relative)之後的代碼
absolute(絕對定位):它是指生成絕對定位的元素,相對于 static 定位以外的第一個父元素進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。如果你想相對于它的父元素使用絕對定位(absolute),那麼就需要在它的父元素上定義相對定位(relative)。
絕對定位(absolute)之前
絕對定位(absolute)之後
絕對定位(absolute)之後的代碼
fixed(固定定位):生成絕對定位的元素,相對于浏覽器窗口進行定位(不管你怎麼移動滾動條,它相對于浏覽器窗口不會改變,即相對于可視區的位置不會改變)。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
固定定位(fixed)之前
固定定位(fixed)之後
固定定位(fixed)之後的代碼
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!