填充其間的DIV頁眉和頁腳，但沒有更多的

怎樣纔可以有一個頁眉和頁腳，用搜索Maincontent DIV其間充滿了所有availablel地區，但從未綿延頁腳或頁眉之外？填充其間的DIV頁眉和頁腳，但沒有更多的

換句話說，填充頁眉和頁腳之間的剩餘空間，但從來沒有使用更多的空間？

enter image description here

我想不出我怎麼能做到這一點。我嘗試了很多次嘗試，但都沒有成功，因爲中間內容div總是溢出我不想發生的頁腳頂部。我希望內容div只能伸展到頁腳的頂部，就是這樣。

我曾嘗試設置overflow：hidden;但這只是阻止滾動條出現，沒有別的。

不允許使用Javascript。

爲什麼不能CSS從微軟的XAML學到了什麼？我們應該可以有HorizontalAlignment：Left; HorizontalAlignment：拉伸;或VerticalAlignment：Right;那會很酷。 – uSeRnAmEhAhAhAhAhA

謝謝大家的親切幫助。 :-) – uSeRnAmEhAhAhAhAhA

從本質上講，你可以設置底部屬性是頁腳的高度和overflow屬性設置爲自動添加一個滾動條必要時，將防止溢出。

例如，

#content { 
    position: absolute; 
    top: <height of header>px; 
    bottom: <height of footer>px; 
    overflow: auto; 
}

2013-08-22 00:35:29 JaredMcAteer

在我嘗試了其他人之後，他們並沒有像他們應該做的那樣真正地工作，但是我檢查了你的小提琴並且它工作得很好。我只能在必要時才能解決滾動條問題。 Ireally喜歡這種方法。謝謝:) – uSeRnAmEhAhAhAhAhA

你也可以將其設置爲'overflow：hidden' ......但是如果內容低於內容div的高度，那麼不容易將其視爲用戶。 – JaredMcAteer

如果定位頁眉和頁腳絕對，那麼你應該能夠設置寬度和高度爲內容股利100％。確保將內容div的位置設置爲相對。

2013-08-22 00:29:18 BrianM

是頁眉和頁腳總是應該在屏幕的位置？

如果是，那麼你可以使用position: fixed;屬性CSS。這樣，您可以將頁眉和頁腳錨定到窗口屏幕。

如果它們被主div覆蓋，則在它上面拋出一個z-index和主要內容div（確保主要內容的位置屬性和z-index小於頁眉和頁腳）

一旦你這樣做，你可以扔在你的主要內容股利的利潤，以確保它留在你的頭之間/頁腳

2013-08-22 00:31:31 haz0rd

有幾種可能的方法：

我會走第二的辦法，因爲我不是你想象的情況需要在頁眉和頁腳之間精確地匹配內容。

2013-08-22 00:34:21 Pixelmonster

回答