CSS 100％高度+標題靜態高度;

我正在構建一個包含高度爲40像素的標題的佈局。在這個標題的下面有一個SWF駐留，它應該佔用剩下的可用空間。CSS 100％高度+標題靜態高度;

直到現在，最佳解決方案一直在使用表格，第一行爲40px高度，第二行高度爲100％ - 但這些行仍然在Internet Explorer中累積，導致滾動條出現40個額外的像素 - 這不應該是這種情況。

我試過使用這個：http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/ - 它工作正常，如果您的內容最終推下來，但其中包含100％的SWF，它會佔據整個頁面或頁面的一半（取決於將SWF在內容div或SWF是內容div）。

在我訴諸JavaScript來照顧這項業務之前，我想知道是否有人知道更好的解決方案？

來源

2009-04-27 Kasper

嘗試將您的標題設置爲靜態。因此，它漂浮在主體上，並將主體設置爲100％高度。然後給身體上一個40px的填充。

來源

2009-04-27 19:14:12

是八九不離十的作品，不得不的wmode =「透明」添加到我的SWFObject繼續顯示錶頭，但現在我的SWF如果標題和swf位置均設置爲絕對位置，則仍然會一直粘貼到頁面的頂部。設置爲相對時，會發生同樣的情況。 – Kasper 2009-04-27 19:41:26

類似的解決方案，以迫使頁腳到頁面底部可能工作

html, body{height:100%;margin:0;padding:0;} 
    #head{height:40px;background:blue;} 
    #wrapper{min-height: 100%;height: auto !important;height: 100%; margin: 0 auto -40px;background:red;} 
    #content{} 

<div id="wrapper"> 
<div id="head"> 
</div> 
<div id="content"> 
</div> 
</div>

來源

2009-04-27 19:45:27 wheresrhys

CSS 100％高度+標題靜態高度;

回答

相關問題