CSS中max-top屬性是用來設置某個元素的頂部位置的最大值。當一個元素設置了max-top屬性后，它的頂部位置不會超過這個值。

.example {
max-top: 100px;
}

在上面的例子中，我們設置了一個class為example的元素的max-top為100px。如果這個元素原本的頂部位置大于100px，那么它的頂部位置會被限制在100px，不再向上移動。

max-top常常和position屬性一起使用。如果一個元素沒有被設置為position:relative或position:absolute，那么max-top屬性將不起作用。

.example {
position: relative;
max-top: 100px;
}

在這個例子中，我們將example的position屬性設置為relative，這樣它就有了一個起點。如果我們沒有設置position屬性，那么這個元素是沒有位置參照點的，所以max-top屬性會失效。

總的來說，max-top屬性在制作響應式頁面時非常有用。我們可以通過設置max-top，讓元素的位置在不同設備上適配不同的屏幕尺寸。