1. <span id="z4nqb"></span>

      position

      語法:

      positionstatic | relative | absolute | fixed | sticky

      默認值static

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

      繼承性:無

      動畫性:否

      計算值:指定值

      媒體:視覺

      取值:

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

      說明:

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

      示例:

      1. <span id="z4nqb"></span>
        亚洲无码app | 午夜丁香综合 | 无码午夜成人 | 骚逼影院′ | 狠狠操人人操 | 一区二区三区无码精品 | 欧美在线三级网 | 大香蕉99在线视频 | 中文字幕综合在线观看 | 东北七熟妇乱伦 |