在網頁布局中，經常需要將一個div元素設置為固定位置，這樣無論網頁如何滾動，該元素都會保持在固定的位置上。下面介紹如何通過CSS實現這個功能。 首先，我們可以使用CSS的position屬性將元素的定位方式設為“fixed”。此時元素將不再隨網頁的滾動而移動，而是會固定在指定的位置上。 例如，下面的CSS代碼將一個id為“fixedDiv”的div元素的定位方式設為fixed，并將其固定在屏幕頂部、距離頂部20px的位置上：

#fixedDiv {
position:fixed;
top:20px;
left:0;
width:100%;
}

上述代碼中，top屬性表示元素距離屏幕頂部的距離，left屬性表示元素距離屏幕左側的距離，width屬性則指定元素的寬度為100%。 需要注意的是，將元素的定位方式設為fixed后，該元素由于不再參與布局，可能會影響其后面的元素布局。此時可以使用CSS的margin屬性來為其后面的元素留出空間，避免布局混亂。

p {
margin-top:100px;
/* 此處留出100px的空間 */
}

通過以上CSS代碼，可以實現在網頁中設置div元素的固定位置，使網頁更加美觀、實用。