在CSS中，居上多少距離指的是某個(gè)元素相對于其父元素頂部的位移距離。具體而言，可以使用margin-top屬性來指定元素的居上距離。

父元素 {
position: relative;
}
子元素 {
position: absolute;
top: 20px; /* 從父元素頂端向下偏移20像素 */
}

在上述代碼中，我們首先將父元素設(shè)為相對定位，這是為了使子元素的定位參考點(diǎn)為父元素。接著，我們將子元素設(shè)為絕對定位，并使用top屬性指定了子元素相對于父元素頂部的偏移量為20像素。

當(dāng)然，如果不想使用絕對定位的方式來實(shí)現(xiàn)居上距離，我們還可以使用margin-top屬性，如下所示：

子元素 {
margin-top: 20px; /* 子元素與父元素頂部的距離為20像素 */
}

這種方式的實(shí)現(xiàn)原理是，在文檔流中，元素會(huì)按照它們在HTML中出現(xiàn)的先后順序依次排列，而每個(gè)元素的位置都是相對于之前的元素來決定的。因此，我們可以通過給子元素設(shè)置一個(gè)上外邊距來創(chuàng)建與之前元素的距離。

總之，在CSS中，實(shí)現(xiàn)居上多少距離可以使用top和margin-top屬性，這取決于你的具體應(yīng)用場景和個(gè)人喜好。