CSS中的定位是指通過指定元素的位置屬性,將元素放置在頁面中的特定位置。主要有五種定位方式:
<style> /* 相對定位 */ .relative { position: relative; left: 50px; top: 50px; } /* 絕對定位 */ .absolute { position: absolute; left: 100px; top: 100px; } /* 固定定位 */ .fixed { position: fixed; right: 0; bottom: 0; } /* 粘性定位 */ .sticky { position: sticky; top: 0; } /* 初始定位 */ .static { position: static; } </style>
相對定位(relative)是相對于元素自身的初始位置進行移動,不會影響周圍元素的位置。默認情況下,元素的position屬性值為static,即為初始定位。
絕對定位(absolute)是相對于最近的已定位父元素進行移動,如果沒有已定位的父元素,則相對于html元素進行移動。
固定定位(fixed)是相對于瀏覽器窗口進行移動,不隨滾動條的滾動而改變位置。
粘性定位(sticky)是相對于父級容器進行移動,當元素滾動到指定位置(top或bottom值)時,將變為固定定位,否則為初始定位。
初始定位(static)是元素的默認定位方式,即按照文檔流排列元素。
下一篇進css需要什么條件