在網頁設計中，我們常常需要將一個元素垂直居上，但是 css 并沒有專門針對垂直居上的屬性，因此我們需要通過一些技巧來實現。

一種常用的方法是使用position: absolute，將元素相對于父元素定位，然后設置top: 0，可以實現垂直居上的效果。

父元素 {
position: relative;
}
子元素 {
position: absolute;
top: 0;
}

另一種方法是使用display: flex。我們可以將父元素設置為 flex 容器，然后使用align-items: flex-start，可以使子元素垂直居上。

父元素 {
display: flex;
align-items: flex-start;
}
子元素 {
/* 其他樣式 */
}

在實際應用中，我們可以根據具體的需求選擇適合的方法來實現垂直居上。同時需要注意的是，使用position: absolute定位的方法需要父元素具有固定的高度，否則可能會出現元素重疊覆蓋的情況。