在網頁設計中，div是一個非常重要的元素。它可以作為一個容器，將網頁中的不同元素劃分成不同的區塊，從而實現網頁的排版。而在div的排版過程中，有一個非常常見的問題就是如何將不同的div元素頂端對齊。

在CSS中，我們可以使用vertical-align屬性來實現div頂端對齊的效果。vertical-align屬性可以將元素在垂直方向上進行對齊。對于div元素而言，它的默認垂直對齊方式是baseline對齊，也就是基線對齊。因此，如果要實現div頂端對齊的效果，我們需要將vertical-align屬性設置為top。

div{
vertical-align:top;
}

當然，除了使用vertical-align屬性之外，我們還可以通過設置display屬性來實現div的頂端對齊。具體來說，我們可以將display屬性設置為table-cell，然后再將vertical-align屬性設置為top，這樣也可以實現div頂端對齊的效果。

div{
display:table-cell;
vertical-align:top;
}

需要注意的是，如果我們要使用display屬性來實現div的頂端對齊，我們需要將div內部的元素都設置為inline-block或者table-cell，否則無法實現預期效果。

總之，無論是使用vertical-align屬性還是display屬性，我們都可以實現div的頂端對齊。在具體使用的過程中，可以根據實際情況進行選擇。希望本文對大家有所幫助。