粘性定位：position: sticky;
    一个定位的奇葩，该定位基于用户的滚动位置。
    它的行为就像position：relative；而当页面滚动超出目标区域时，它的表现就像position：fixed会固定在目标位置。
    使用条件：
    1.设置position: sticky; 同时给一个(top,left,right,bottom)之一即可，否则只会处于相对定位。
    2.添加定位后位置从浏览器计算。
    3.父元素不能使用overflow: hidden;或overflow: auto;属性，否则会处于相对定位。
    4.父元素的高度不能低于sticky元素的高度。
    5.sticky元素仅在父元素内生效。

    1.     <style>
    2.         section{
    3.             width: 800px;
    4.             height: 500px;
    5.             border: 5px solid red;
    6.             margin: 0 auto;
    7.         }
    8.         div{
    9.             width: 200px;
    10.             height: 200px;
    11.             background-color: rosybrown;
    12.             position: sticky;
    13.             top: 200px;
    14.             left: 200px;
    15.         }
    16.     </style>
            <section>
        <div></div>
    </section>