正確使用位置：固定且不重疊的正確方法是什么？

Question

所以，我的topbar只是一個帶有position:fixed的div 。 不重疊以下內容的正確方法是什么？

當然，我可以將內容包裝在div並給它一個與topbar高度相同的margin-top 。

但是，如果我在頂部欄上動態加載會改變其高度的內容怎么辦？ 我也可以動態更改content div的margin-top ，但這是更優雅的方法嗎？

Answer 1

實現此目的的唯一方法是在頁眉下方的頁面內容中添加margin或padding 。 當您使用position:fixed ，它將從頁面的布局計算中刪除，並且頁面的內容需要進行調整以適應它。

您還可以使用Javascript根據標頭的高度動態更改內容的margin 。 頁面加載后，您可以使用類似jQuery的height()方法獲取標頭的高度，然后根據該結果調整頁面內容的CSS。