在網頁設計中，經常需要讓某些元素頂部懸浮在頁面上，例如固定導航欄。這時候就可以使用 CSS 中的“頂動增加高度”技術來實現。

頂動增加高度為一個元素設置了 position: fixed; 屬性后，會使該元素脫離文檔流，也就不會影響頁面中其他元素的位置。但是，由于元素脫離文檔流后會導致其原先占據的空間消失，因此需要通過增加元素的 margin-top 或 padding-top 屬性值，從而讓其他內容下移，避免遮擋。

.fixed-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 50px;
background-color: #333;
color: #fff;
padding-left: 20px;
box-sizing: border-box;
z-index: 9999;
/*增加高度*/
padding-top: 50px;
}

上面的代碼演示了如何給一個固定導航欄設置頂動增加高度。首先，要將該元素的位置設置為 fixed，上邊距和左邊距設置為 0，寬度設置為 100%，高度設置為 50px，背景色和前景色分別設置為黑色和白色，左內邊距設置為 20px。

接著，為了增加導航欄所占據的高度，通過對上內邊距增加一個等于高度的數值來實現。

需要注意的是，在增加元素高度的同時，也需要注意其他內容的位置改變。具體來說，可以在其他元素中添加額外的空白占位符，從而達到繼續下移的效果。這樣，即可看到一個漂亮的固定導航欄出現在頁面上。