CSS是一種用于網頁設計的語言，可以控制頁面的樣式和布局。在網頁設計中，經常需要用到滾動條來顯示大量內容，這時就需要將一個div元素的頂部固定住，使其能夠隨著頁面的滾動而移動。

在CSS中，可以使用position和top屬性來實現這個效果。具體做法如下：

div {
position: fixed; //將元素的位置固定
top: 0; //使元素的頂部與頁面的頂部對齊
}

通過設置position為fixed，可以讓元素的位置固定不變，通過設置top為0，可以讓元素的頂部與頁面的頂部對齊。這樣，即使頁面滾動，元素的頂部也會一直保持在頁面的頂部。

需要注意的是，如果div元素高度過大，會導致頁面出現滾動條，而這時滾動條的位置會覆蓋住div元素的內容。解決這個問題的方法是，在頁面的CSS中添加一個padding-top屬性，值為div元素的高度即可。

body {
padding-top: [div元素的高度];
}

通過設置body元素的padding-top值，可以讓頁面的內容從div元素的下方開始顯示，避免了與滾動條的沖突。

總之，通過設置div元素的position和top屬性，以及在頁面中添加padding-top屬性，可以使div元素的頂部固定在頁面頂部，從而實現下滾div頂部的效果。