CSS：position = fixed and height = auto

Question

我有一個滾動頁眉，具有固定的位置。與在StackOverflow頂部菜單上類似。

我需要使用height = auto，因爲我可以在單行或多行顯示信息。如果我使用了兩行或多行，而不是在頁面正文上顯示我的標題。

我可以用JS腳本通過設置body margin-top = header width來解決這個問題。

如何才能解決這種情況只有在沒有JS的CSS？

Answer 1

我不認爲它可以純粹用CSS來完成。帶有position: fixed的元素從正常頁面流中取出，因此它們不用於計算頁面上其他元素的位置。

我想你可以呈現兩個標題，一個用position: fixed，另外一個沒有這個聲明（也許用'active'頁面元素，如鏈接，輸入字段或按鈕替換爲靜態文本），僅用於移動其他頁面元素向下。雖然這將是一個可怕的黑客。