免费的三级网站-免费的色网站-免费番茄社区性色大片-免费高清特级毛片-98色花堂永久地址国产精品-999国产精品

position

語法:

positionstatic | relative | absolute | fixed | sticky

默認值static

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

繼承性:無

動畫性:否

計算值:指定值

媒體:視覺

取值:

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

說明:

用于指定一個元素在文檔中的定位方式
  • position的值為非static時,其層疊級別通過z-index屬性定義。
  • 絕對定位的元素,在toprightbottomleft屬性未設置時,會緊隨在其前面的兄弟元素之后,但在位置上不影響常規(guī)流中的任何元素。用這個特性你或許會干這樣的事:demo
  • 對應的腳本特性為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 不支持將該值應用到任何table相關的元素上,詳細
  3. Chrome56.0-64.0 不支持將該值應用到theadtr元素上,詳細

示例:

主站蜘蛛池模板: 婷婷亚洲综合五月天小说 | 国产v亚洲v天堂无码 | 一级特黄爽大片刺激 | 日本视频一区二区 | 欧美巨大另类极品video | 亚洲国产欧美日韩一区二区 | 国产精品黄在线观看免费网站 | 欧美做a一级视频免费观看 欧美最猛性xxxxx短视频 | 国产免费怕怕免费视频观看 | 亚洲欧美精品一区 | 欧美性大战久久久久久久蜜桃 | 国产精品日韩欧美一区二区三区 | 亚洲国产成人九九综合 | 国产亚洲人成在线影院 | 亚洲视频一二区 | 无遮羞肉动漫在线观看免费 | 成人免费毛片观看 | 黄视频网站免费 | 国产手机在线αⅴ片无码观看 | 日日摸夜夜添夜夜添aa | 亚洲性夜夜综合久久麻豆 | 免费精品精品国产欧美在线 | 成人福利网站 | 成人毛片免费网站 | 最近2019中文字幕大全第二页 | 国产女同志videos | 欧美一区二区三区久久综合 | 99精品视频免费 | 性猛交╳xxx乱大交 性美国xxxxx免费 | 激情影院成人区免费观看视频 | 国产亚洲午夜精品 | 成人禁18视频在线观看 | 成人h在线播放 | 欧洲精品不卡1卡2卡三卡四卡 | 免费大片黄日本在线观看 | 又爽又黄又紧的免费视频 | 中文japanese在线播放 | 欧美日韩 国产区 在线观看 | 美女下面粉嫩粉嫩冒白浆高清 | 国产在线拍揄自揄视频不卡99 | 最近2019好看的中文字幕 |