內容重疊到響應報頭

Question

上https://faraz-manan-2apz.squarespace.com工作必須通過一個快速滾動回來（視圖訪問者和輸入驗證碼）

頭圖像是指上的所有設備，它是將被全屏。好。

但我希望圖片的正方形（id =「page」）在標題圖片的末尾處開始，而不管觀看設備如何。

我試着在不同的％添加填充，但標題和內容之間的差距看起來很奇怪。

請幫忙。謝謝

Answer 1

更改#header的高度爲100vh因此它將與視口高度相同。然後將#page的padding-top更改爲calc(100vh + 50px)，將其推到視口高度下方50px。