< p >在 Web 開發中，CSS 是不可或缺的語言之一。< /p >< p >CSS 可以控制 HTML 頁面的樣式和布局，其中最基本的是控制元素的位置。< /p >< p >在 CSS 中，元素的位置可以通過 x 軸和 y 軸坐標來確定，通過設置元素的 top、bottom、left、right 屬性來進行控制。< /p >< pre >/* 按照元素中心點進行垂直和水平定位 */ .element { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* 沿 x 軸負方向左移 20px */ .element { position: relative; left: -20px; } /* 沿 y 軸負方向上移 20px */ .element { position: relative; top: -20px; } /* 根據窗口大小動態調整元素位置 */ @media (max-width: 768px) { .element { position: absolute; top: 10%; left: 10%; } }< /pre >< p >除了使用 top、bottom、left、right 屬性進行定位控制，CSS 還提供了更為高級的布局方案，比如使用 flexbox 和 grid 等布局方式。這些布局方式可以輕松實現復雜頁面的布局和定位效果。< /p >< p >總之，掌握 CSS 的定位屬性和布局方式，可以使得我們的頁面布局更為精確和靈活，從而更好地展示我們的網頁設計。< /p >