最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

 
 
 
 

  
  
  
  
one

 
 
 
 

  
  
  
  
div { 
  
  
  
  
    width: 100px; 
  
  
  
  
    height: 100px; 
  
  
  
  
} 
  
  
  
  
 
  
  
  
  
.one { 
  
  
  
  
    background: red; 
  
  
  
  
} 
  
  
  
  
 
  
  
  
  
.two { 
  
  
  
  
    background: yellow; 
  
  
  
  
    position: absolute; 
  
  
  
  
    top: 50px; 
  
  
  
  
    left: 50px; 
  
  
  
  
} 
  
  
  
  
 
  
  
  
  
.three { 
  
  
  
  
    background: green; 
  
  
  
  
} 
 
 
 
 

  
 
 
 

   
  
  
  
 
   
  
  
  
 one

 
 
 
 

  
  
  
  
.an { 
  
  
  
  
    width: 500px; 
  
  
  
  
    height: 300px; 
  
  
  
  
    overflow: scroll; 
  
  
  
  
    background: indianred; 
  
  
  
  
} 
  
  
  
  
 
  
  
  
  
.one { 
  
  
  
  
    position: fixed; 
  
  
  
  
    top: 50px; 
  
  
  
  
    left: 50px; 
  
  
  
  
    background: red; 
  
  
  
  
    width: 100px; 
  
  
  
  
    height: 100px; 
  
  
  
  
    color: white; 
  
  
  
  
} 
  
  
  
  
 
  
  
  
  
.two { 
  
  
  
  
    background: yellow; 
  
  
  
  
    height: 500px; 
  
  
  
  
} 
 
 
 
 

 
 
 
 

  
  
  
  
one

 
 
 
 

  
  
  
  
div { 
  
  
  
  
    width: 100px; 
  
  
  
  
    height: 100px; 
  
  
  
  
    color: white; 
  
  
  
  
} 
  
  
  
  
 
  
  
  
  
.one { 
  
  
  
  
    background: red; 
  
  
  
  
} 
  
  
  
  
 
  
  
  
  
.two { 
  
  
  
  
    background: yellow; 
  
  
  
  
    position: relative; 
  
  
  
  
    top: 50px; 
  
  
  
  
    left: 50px; 
  
  
  
  
} 
  
  
  
  
 
  
  
  
  
.three { 
  
  
  
  
    background: green; 
  
  
  
  
} 
 
 
 
 

position: sticky;

粘性定位 ，可以被認為是相對定位和固定定位的混合。元素在跨越特定閾值前為相對定位，之后為固定定位

這是一個結(jié)合了 position:relative 和 position:fixed 兩種定位功能于一體的特殊定位。常見的吸頂、吸底(頭部返回欄，底部切換欄等)的效果都是使用這個屬性：

注意：

• 須指定 top 、 right 、 bottom 、 left 四個閾值其中之一，才可使粘性定位生效。否則其行為與相對定位相同。并且 top 和 bottom 同時設(shè)置時，top 生效的優(yōu)先級高，left 和 right 同時設(shè)置時，left 的優(yōu)先級高。
• 設(shè)定為 position:sticky 元素的任意父節(jié)點的 overflow 屬性必須是 visible，否則 position:sticky 不會生效。如果 position:sticky 元素的任意父節(jié)點定位設(shè)置為 overflow:hidden，則父容器無法進行滾動，所以 position:sticky 元素也不會有滾動然后固定的情況。如果 position:sticky 元素的任意父節(jié)點定位設(shè)置為 position:relative | absolute | fixed，則元素相對父元素進行定位，而不會相對 viewport 定位。
• 達到設(shè)定的閥值，也就是設(shè)定了 position:sticky 的元素表現(xiàn)為 relative 還是 fixed是根據(jù)元素是否達到設(shè)定了的閾值決定的。

position: static;

靜態(tài)定位 ，HTML 元素默認情況下的定位方式為 static(靜態(tài))，靜態(tài)定位的元素不受 top、bottom、left 和 right 屬性的影響，它始終根據(jù)頁面的正常流進行定位

position: inherit;

inherit 值如同其他 css 屬性的 inherit 值，即繼承父元素的 position 值。