CSS是網頁開發中常用的樣式表語言，通過CSS，我們可以美化頁面并控制頁面的展示效果。其中，div是HTML中最常用的元素之一，可以用于將網頁內容分塊，并為不同的塊添加各自的樣式。

然而，在使用CSS設置div樣式時，我們可能會遇到一個問題，那就是div距離上層元素的位置不符合我們的預期。這時，我們需要通過設置div的position屬性來解決這個問題。

div{
position: relative;//設置div的位置為相對定位
top: 20px;//設置div距離上方的距離為20像素
}

在這段代碼中，我們將div元素的position屬性設置為relative，這將使div相對于文檔流的位置進行定位。接著，我們設置了top屬性為20px，這將使div的頂部距離上方元素的頂部位置相差20px。

同樣，我們還可以使用left、right、bottom屬性來控制div距離其它方向的距離。例如：

div{
position: absolute;//設置div的位置為絕對定位
right: 20px;//設置div距離右側的距離為20像素
}

通過這段代碼，我們將div元素的position屬性設置為absolute，這將使div相對于最靠近的已定位祖先元素進行定位。接著，我們設置了right屬性為20px，這將使div的右側距離其父元素的右側位置相差20px。

除此之外，我們還可以將position屬性設置為fixed，這將使div相對于瀏覽器窗口進行定位，無論滾動條如何滾動，div都會保持不變的位置。

綜上所述，通過設置div的position屬性，我們可以輕松地控制div距離上層元素的距離，從而實現我們所期望的頁面效果。