在站點開發中，經常會遇到需要將不同元素靠頂部對齊的情況。這里介紹如何使用CSS實現靠頂部對齊。

CSS中的盒子模型為實現靠頂部對齊提供了可能。盒子模型由元素的內容區域、內邊距、邊框和外邊距組成，其中，外邊距可以用來進行垂直對齊。

.top-align {
display: flex;
align-items: flex-start;
}

使用display:flex和align-items:flex-start可以將元素的頂部對齊。

另一種方法是使用絕對定位。將要對齊的元素使用position:absolute進行絕對定位，然后設置top:0來使其與父元素的頂部對齊。

.top-align {
position: absolute;
top: 0;
}

除了以上兩種方法，還可以使用line-height屬性來實現頂部對齊。將元素的line-height屬性設置為與高度相等的值即可實現靠頂部對齊。

.top-align {
line-height: 50px;
}

綜上所述，靠頂部對齊可以通過盒子模型的外邊距、絕對定位或line-height屬性實現。不同的方法適用于不同的情況，選擇合適的方法可以使排版更加優雅。