CSS是前端開發(fā)中非常重要的一部分，而其中的定位功能更是我們在開發(fā)過程中經(jīng)常使用的。CSS中總共有三種定位方式：相對定位、絕對定位和固定定位。下面我們就來具體了解一下這三種定位的使用方法。

/* 相對定位 */
position: relative;
top: 10px;
left: 20px;

相對定位是最常用的一種定位方式，即相對于元素自身原來的位置進(jìn)行定位。比如上述代碼表示將元素向下移動10個(gè)像素，向右移動20個(gè)像素。

/* 絕對定位 */
position: absolute;
top: 50px;
left: 50px;

絕對定位是相對于父級元素進(jìn)行定位。如果父級元素沒有設(shè)置position屬性或者設(shè)置為static的話，則相對于文檔流進(jìn)行定位。上述代碼表示將元素距離父元素頂部50個(gè)像素，距離左側(cè)50個(gè)像素。

/* 固定定位 */
position: fixed;
top: 100px;
left: 0;

固定定位是相對于瀏覽器窗口進(jìn)行定位，無論頁面如何滾動，該元素始終會在窗口中的同一位置。上述代碼表示將元素固定在窗口頂部100個(gè)像素的位置。

通過對三種定位方式的了解，我們可以更加靈活地對頁面進(jìn)行布局，達(dá)到更好的排版效果。