tft每日頭條

 > 生活

 > positions至死不渝

positions至死不渝

生活 更新时间:2025-01-09 04:58:48

position:在網頁(Web)中是定位的意思。在一個網頁(Web)中定位(position)是很常見的,特别是動态的網頁(Web)的時候,用的很多。在Web中定位(position)是一個屬性,那麼就會有屬于它的屬性值。

在Web中可能出現的屬性值有:

static(靜态定位):它是指默認值。沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right 或者 z-index 聲明)。

positions至死不渝(position你給我定住)1

靜态定位(static)之前

positions至死不渝(position你給我定住)2

靜态定位(static)之後

positions至死不渝(position你給我定住)3

靜态定位(static)之後的代碼

inherit(繼承定位):它是指規定應該從父元素繼承 position 屬性的值。

positions至死不渝(position你給我定住)4

繼承定位(inherit)之前

positions至死不渝(position你給我定住)5

繼承定位(inherit)之後

positions至死不渝(position你給我定住)6

繼承定位(inherit)之後的代碼

relative(相對定位):它是指生成相對定位的元素,相對于其正常位置進行定位。例:"left:50" 的意思就是向元素的left 位置添加 50 像素,也就是相對于原先的位置向右移動了50像素。

positions至死不渝(position你給我定住)7

相對定位(relative)之前

positions至死不渝(position你給我定住)8

相對定位(relative)之後

positions至死不渝(position你給我定住)9

相對定位(relative)之後的代碼

absolute(絕對定位):它是指生成絕對定位的元素,相對于 static 定位以外的第一個父元素進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。如果你想相對于它的父元素使用絕對定位(absolute),那麼就需要在它的父元素上定義相對定位(relative)。

positions至死不渝(position你給我定住)10

絕對定位(absolute)之前

positions至死不渝(position你給我定住)11

絕對定位(absolute)之後

positions至死不渝(position你給我定住)12

絕對定位(absolute)之後的代碼

fixed(固定定位):生成絕對定位的元素,相對于浏覽器窗口進行定位(不管你怎麼移動滾動條,它相對于浏覽器窗口不會改變,即相對于可視區的位置不會改變)。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

positions至死不渝(position你給我定住)13

固定定位(fixed)之前

positions至死不渝(position你給我定住)14

固定定位(fixed)之後

positions至死不渝(position你給我定住)15

固定定位(fixed)之後的代碼

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved