CSS定位是網頁設計中非常重要的一部分，可以幫助我們實現各種各樣的效果。其中一個很重要的特性是定位元素不占據位置，這在設計響應式頁面時非常有用。

我們常常使用的position屬性可以讓我們控制元素的位置。當我們將元素的position屬性設置為absolute，fixed或sticky時，元素會脫離文檔流，不再占據位置。

下面的例子展示了如何使用position:absolute定位一個元素，并讓它不占據父元素的位置：

.parent {
position: relative;
width: 200px;
height: 200px;
background-color: #f0f0f0;
}
.child {
position: absolute;
top: 50px;
left: 50px;
width: 100px;
height: 100px;
background-color: #333;
}

在上面的例子中，父元素的position屬性被設置為relative，這是必要的，因為絕對定位的元素會相對于它的最近的已定位祖先元素定位。接著，我們將子元素的position屬性設置為absolute，并通過top和left屬性來指定它的位置。此時，子元素不再占據父元素的位置，但父元素的尺寸并沒有改變。

類似的，我們也可以使用fixed和sticky來實現定位不占位置的效果。fixed會相對于屏幕視口定位，而sticky會在它在文檔流中的位置被卷去時變為fixed定位。這些屬性和它們的用法可以參考CSS的相關文檔。

總之，CSS定位可以幫助我們創建出獨特的頁面效果，并讓元素不占據位置是它的重要特性之一。掌握它可以讓我們更加靈活地設計網頁。