1. 首頁
  2. 問答
  3. 使用純HTML/CSS的靜態高度頁眉和頁腳拉伸垂直佈局

使用純HTML/CSS的靜態高度頁眉和頁腳拉伸垂直佈局

2012-02-26 60 views
0

什麼是最簡單的方式建立垂直佈局，其中頁眉和頁腳具有靜態高度並且中心佔用所有可用空間（並調整爲窗口高度）。使用純HTML/CSS的靜態高度頁眉和頁腳拉伸垂直佈局

header 
------ 

center 


------ 
footer

感謝您的幫助

PS絕對定位不是我的選擇。

來源

2012-02-26 Seba

+1

我很困惑，你想要這樣的東西嗎？ http://jsfiddle.net/smHxe/ – jacktheripper 2012-02-26 11:17:40

+0

是的，但中心應該使用所有可用的高度。 – Seba 2012-02-26 13:11:43

回答

2

我相信這是你在找什麼
jsFiddle

使用邊距設置中間<div>的margin-top和margin-bottom到-50px，或任何你想要的報頭的各高度和頁腳。

如果你想添加內容到頁面的中間部分，或者使用這個（比較黑客）的方法。 jsFiddle

來源

2012-02-26 11:28:44 jacktheripper

1

jacktheripper的答案確實有用，但我不建議！跨瀏覽器兼容性可能不僅僅是。想一想Ryan Fait的「Sticky Footer」。它可以發現here。還有另一個，即'CSS Sticky Footer'，但我沒有使用它。應該工作相對相同，你不需要'推動div'。請務必閱讀this頁面上的「已知問題」！

來源

2012-02-26 11:57:31

相關問題

 相關問題