CSS中使用position屬性可以設(shè)置元素的定位方式,常用的取值有relative(相對(duì)定位)、absolute(絕對(duì)定位)、fixed(固定定位)。其中,fixed定位可以將一個(gè)元素固定在瀏覽器的某個(gè)位置上,常用于制作固定的導(dǎo)航條等效果。
nav { position: fixed; top: 0; left: 0; width: 100%; }
上述代碼將一個(gè)名為nav的元素固定在瀏覽器窗口的頂部,寬度為100%。其中,top和left屬性控制元素距離窗口頂部和左側(cè)的距離。當(dāng)固定定位時(shí),元素脫離了正常的文檔流,不再受到其他元素的影響。因此,使用fixed定位時(shí)需要注意避免遮擋其他重要的內(nèi)容。