在網站開發中，元素的對齊是十分重要的。而 CSS 是實現對齊的主要工具之一。本文將從 CSS 中對齊上一個元素入手，詳細講解如何實現對齊。

<div id="container">
<h1>這是標題</h1>
<p class="article">這是文章內容，需要對齊標題。</p>
</div>

假設我們有一個 div 容器，其中包含標題和文章內容兩個元素。現在我們需要對齊文章內容到標題的下方，即讓兩個元素在頁面上上下居中。那么我們該如何實現呢？

首先，我們可以通過給容器設置 display:flex; 和 flex-direction: column; 來將其中的子元素垂直布局。接下來，我們再為文章元素添加 margin-top: auto;，這樣就可以將文章內容向下推，直到和標題對齊。

#container {
display: flex;
flex-direction: column;
}
.article {
margin-top: auto;
}

代碼如上，即可實現對齊上一個元素的效果。

當然，在實際開發中，還應該考慮不同瀏覽器廠商的兼容性和響應式布局等問題。

總的來說，CSS 對齊上一個元素的實現方法相對簡單，讓我們的頁面更加美觀易讀，提高用戶體驗。