本篇內(nèi)容介紹了“css中固定定位fixed的特點”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

云南網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),云南網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為云南上千多家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢，請找那個售后服務(wù)好的云南做網(wǎng)站的公司定做！

說明

1、固定定位是元素固定在瀏覽器可視區(qū)的位置。固定定位也可以算是一種特殊的絕對定位。

2、使用場景為當瀏覽器頁面滾動時，元素的位置不會改變。

固定定位的特點

• 以瀏覽器的可視窗口為參考點的移動元素。

• 和父元素無關(guān)。

• 不要隨滾動條滾動。

• 固定定位不占用原位置。固定定位也是脫標的。

實例

.w {
width: 800px;
height: 1400px;
margin: 0 auto;
background-color: pink;
}
.fixed {
position: fixed;
/*1,走瀏覽器寬度的一半*/
left: 50%;
/*2，走版心盒子的一半，想寬一點可以加多一點px*/
margin-left: 400px;
width: 50px;
height: 150px;
background-color: skyblue;
}






版心盒子

“css中固定定位fixed的特點”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！