CSS 是一種非常重要的前端語言，它可以幫助我們實現網頁的美觀與布局。在 CSS 中，位置關系是一個非常重要的概念，它可以幫助我們更好地排版網頁。下面將介紹幾種常用的 CSS 位置關系。

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

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