當(dāng)元素的position屬性設(shè)置為sticky時(shí)葵擎，則開啟了元素的粘滯定位
（1）以瀏覽器為參照物（體現(xiàn)固定定位特點(diǎn)）蜡豹；
（2）占有原來位置（體現(xiàn)相對(duì)定位特點(diǎn)）麸粮；
（3）粘滯定位可以在元素到達(dá)某個(gè)位置時(shí)镜廉，將其固定
(4)沒有達(dá)到top值之前正常顯示,隨著滾動(dòng)條的滾動(dòng)而滾動(dòng)弄诲，
達(dá)到top值之后類似于固定定位，不會(huì)跟隨滾動(dòng)條滾動(dòng)而滾動(dòng)
<div>
<ul>
<li>吃飯</li>
<li>睡覺</li>
<li>打豆豆</li>
</ul>
<div class="main">
</div>
</div>
ul{
width: 800px;
background-color: #ccc;
height: 50px;
line-height: 50px;
margin: 0 auto;
margin-top: 50px;
/* 開啟固定定位 */
position: fixed;
position: sticky;
top: 0px;
/*距離瀏覽器0px的時(shí)候就不動(dòng)了*/
}
li{
float: left;
width: 25%;
text-align: center;
}
.main{
width: 100%;
background-color: pink;
height: 600px;
}
