給 fixed 元素留 padding 但它不佔空間

問題

深色切換按鈕用 position: fixed 放在右上角。為了不擋住搜尋框,給 header 加了 padding-right: 60px。結果搜尋框右邊出現一大塊空白,因為 fixed 元素脫離文檔流,根本不需要留空間。

原因

Claude 混淆了 position: fixed(脫離文檔流)和 position: relative/absolute(佔據文檔流)。

解決方案

### CSS 定位
- position: fixed 元素不佔文檔流空間,不需要給其他元素留 padding
- 只有 position: relative 和 static 的元素才佔空間

回到頂部