CSS 是一種非常重要的前端語言，它可以幫助我們實(shí)現(xiàn)網(wǎng)頁的美觀與布局。在 CSS 中，位置關(guān)系是一個(gè)非常重要的概念，它可以幫助我們更好地排版網(wǎng)頁。下面將介紹幾種常用的 CSS 位置關(guān)系。

static  :  默認(rèn)值，元素按照文檔流進(jìn)行排版，top，bottom等屬性無效。
relative:  相對(duì)定位，元素相對(duì)于自身的原位置進(jìn)行定位，可通過top、bottom、left、right控制。
absolute: 絕對(duì)定位，元素相對(duì)于父元素進(jìn)行定位，如果沒有父元素，將依據(jù)最近的祖先定位，或者根據(jù)瀏覽器窗口進(jìn)行定位。
fixed   :  固定定位，元素相對(duì)于瀏覽器窗口進(jìn)行定位，無論滾動(dòng)條如何滾動(dòng)，該元素位置不變。
sticky  :  粘性定位，元素在滾動(dòng)時(shí)具有與固定定位相同的行為，但定位區(qū)域超出父級(jí)邊界時(shí)，元素會(huì)依據(jù)文檔流進(jìn)行定位。

使用 CSS 理解并掌握位置關(guān)系，不僅可以更好地完成網(wǎng)頁的布局與排版，還可以為我們的頁面設(shè)計(jì)提供更多的可能性。不同的定位方式可以讓元素有不同的表現(xiàn)形式，掌握好定位的各種技巧，可以讓我們的頁面在視覺上更加突出，更加美觀。