天堂…中文在线最新版在线丨无码中文字幕va精品影院丨黄色三级在线视频丨日韩超碰丨亚洲a成人无码网站在线丨得得啪在线丨激情五月婷婷综合丨亚洲欧美国产国产综合一区丨色拍拍欧美视频在线看丨91欧美在线视频丨久久久久久国产精品免费播放丨2020年国产精品丨精品国产天线2019丨青草内射中出高潮丨成年美女黄网站色大免费视频丨欧美性猛烈丨色婷婷av一本二本三本浪潮丨天天视频色丨91性色丨国产精品午夜福利麻豆

position

語(yǔ)法:

positionstatic | relative | absolute | fixed | sticky

默認(rèn)值static

適用于:除display屬性定義為table-column-group | table-column之外的所有元素

繼承性:無(wú)

動(dòng)畫(huà)性:否

計(jì)算值:指定值

媒體:視覺(jué)

取值:

static:
對(duì)象遵循常規(guī)流。此時(shí)4個(gè)定位偏移屬性不會(huì)被應(yīng)用。
relative:
對(duì)象遵循常規(guī)流,并且參照自身在常規(guī)流中的位置通過(guò)toprightbottomleft這4個(gè)定位偏移屬性進(jìn)行偏移時(shí)不會(huì)影響常規(guī)流中的任何元素。
absolute:
對(duì)象脫離常規(guī)流,此時(shí)偏移屬性參照的是離自身最近的定位祖先元素,如果沒(méi)有定位的祖先元素,則一直回溯到body元素。盒子的偏移位置不影響常規(guī)流中的任何元素,其margin不與其他任何margin折疊。
fixed:
absolute一致,但偏移定位是以窗口為參考。當(dāng)出現(xiàn)滾動(dòng)條時(shí),對(duì)象不會(huì)隨著滾動(dòng)。
sticky:
對(duì)象在常態(tài)時(shí)遵循常規(guī)流。它就像是relativefixed的合體,當(dāng)在屏幕中時(shí)按常規(guī)流排版,當(dāng)卷動(dòng)到屏幕外時(shí)則表現(xiàn)如fixed。該屬性的表現(xiàn)是現(xiàn)實(shí)中你見(jiàn)到的吸附效果。(CSS3)

說(shuō)明:

用于指定一個(gè)元素在文檔中的定位方式
  • 當(dāng)position的值為非static時(shí),其層疊級(jí)別通過(guò)z-index屬性定義。
  • 絕對(duì)定位的元素,在toprightbottomleft屬性未設(shè)置時(shí),會(huì)緊隨在其前面的兄弟元素之后,但在位置上不影響常規(guī)流中的任何元素。用這個(gè)特性你或許會(huì)干這樣的事:demo
  • 對(duì)應(yīng)的腳本特性為position

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0+#1 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+
fixed
sticky 15.0 40.0-58.0 #2 55.0 8.0-11.0-webkit- 41.0 8.0-11.3-webkit- 55.0 55.0
16.0+ 56.0-64.0 #3 42.0-50.0 #3 56.0-62.0 #3 56.0-64.0 #3
  1. IE如果在 quirks mode下將不支持;
  2. Firefox40.0-58.0 不支持將該值應(yīng)用到任何table相關(guān)的元素上,詳細(xì)
  3. Chrome56.0-64.0 不支持將該值應(yīng)用到theadtr元素上,詳細(xì)

示例: