Div高度同時最低瀏覽器高度和內部內容高度

我正在尋找解決我的CSS問題。這是Drupal的主題，所以內容會有不同的高度。我有頁腳固定在底部和結構遵循Div高度同時最低瀏覽器高度和內部內容高度

<body> 
    <div class="page-container"> 

    <div class="header"> 
    </div> 

    <div class="content-container"> 

     <div class="content-insider"> 
     Different kind of content here 
     </div> 

    </div> 
    </div> 

    <div class="footer"> 
    </div> 
</body>

我需要兩個內容容器和內容內線的高度是瀏覽器窗口的至少高度，並在同一時間的高度裏面的內容。這是需要一直擴大到底部的背景。我試過一些解決方案（也來自stackoverflow），但它們只在內容比瀏覽器高度短時才起作用。如果有更多內容，並且向下滾動，則內容內部人員在到達瀏覽器底部之前切斷。

來源

2012-07-08 user1351452

這是粘腳的情況。你可以谷歌或繼續閱讀。

在.page-container上設置100％的最小高度;
將其框尺寸屬性更改爲邊框，以便通過添加一些填充填充，其高度保持等於100％和100％+填充。然後，完成後，添加一個與.footer高度相等的填充底部;
通過設置與其高度相等的負邊距來拉起頁腳。

就是這樣。這裏是一個小提琴，所以你可以看到它的行動：http://jsfiddle.net/joplomacedo/MqzGt/

來源

2012-07-09 01:22:11 banzomaikaka

這不是我正在尋找。頁腳不是問題 - 我可以固定位置。我想要的是.page-container和.page-insider總是保持100％的高度，所以當背景文件重複時，它每次都會到達頁腳。 – user1351452 2012-07-09 02:03:43

我不確定我是否理解你的問題。即使內容不足以推下頁腳，頁腳是否應該離開瀏覽器窗口？ – banzomaikaka 2012-07-09 02:14:49

對不起。也許如果你看看我正在做的實際項目，理解起來會更好。請參閱我正在處理的[網站]（http://tadeuszchabrowski.com/）。我想_wrapper_ div將頁面填充到底部。所有這些（wrapper-middle，wrapper-left，wrapper-right，wrapper-inside和wrapper-inside2）。每當頁面上的內容長度超過瀏覽器窗口高度時。 – user1351452 2012-07-09 03:10:04

Div高度同時最低瀏覽器高度和內部內容高度

回答

相關問題