使用 Flexbox 建立固定頁尾

開始之前：瀏覽我們的 Flexbox 指南並將頁尾附加到您的網站。

您可以使用 Flexbox 將頁腳附加到網站上每個網頁的底部 - 無論其上方的內容數量為何。

套用於正文（所有頁面）標記的樣式會向下流向網站內的每個頁面。為了方便地排列和對齊您的設計，請將主體（所有頁面）標籤配置為彎曲，並使其彎曲子項垂直堆疊在：

1. 選擇 身體 畫布上或導航器內的元素
2. 導航至 風格面板 > 選擇器字段
3. 選擇 正文（所有頁面） 來自 選擇器場地 落下
4. 繼續前往 風格面板 > 佈局 > 展示
5. 按 柔性
6. 點擊垂直“向下箭頭” 圖示將彎曲方向配置為垂直

透過設定 身體 — 頁面上所有內容的包含元素 — 對於 Flex，可以將頁腳的上邊距調整為自動。此操作會將頁腳推離上面的內容，並確保其黏在頁面底部。

要設定頁腳的上邊距：

1. 選擇 頁尾 在畫布上或導航器內
2. 前往 風格面板 > 間距
3. 分配 頂部 保證金為 汽車

對於缺乏足夠內容將頁腳完全推到底部的頁面，頂部邊距會引入空白以將頁腳固定在底部。相反，在內容較多的頁面上，頁腳會識別頁面上的其他內容，從而防止其上邊距在其上方產生額外的空白。

寶貴的提示： 您可以將頁尾轉換為可在整個網站中重複使用的元件，確保套用至頁尾的任何修改都會影響網站中頁尾的所有實例。深入了解有關組件的更多詳細資訊。