如何使用Div相對高度100％？

Question

我是網站設計初學者。我想有一個動態的高度的內容。所以我做這樣的事情：

<div style="position:relative;width:100%;height:100%;" id="content"> 
    .... 
</div> 

<div style="position:relative;width:2000px;height:498px;"> 
    <?php include('footer.php'); ?> 
</div> 

但是，頁腳div沒有檢測到內容的高度。我該怎麼辦？謝謝。

Answer 1

您已經定義的內容爲100％的高度，這也許就是爲什麼它不檢測的內容爲內容的高度將嘗試以適應100％的高度

嘗試使用

<div style="position:absolute;bottom:0px;width:2000px;height:498px;"> 

Answer 2

我不知道如何使用CSS，我不認爲CSS會檢測到屏幕或其他東西。

$(document).ready(function() { 
var sch=screen.height; 
d = document.getElementById('content'); 
d.style.height=screen.height; 
}); 

這應該有效。使用jQuery

Answer 3

你可以使用jQuery傳遞高度元素

$(document).ready(function() { 
var hgt = $(window).height(); 
$("#content").css({"height" : hgt }); 
}); 

Answer 4

嘿使用此鏈接來調整你的CSS。改變Ryan Fait說的話。

http://ryanfait.com/sticky-footer/

您可以在這裏找到了CSS，

http://ryanfait.com/sticky-footer/layout.cs小號

，這裏是你如何使用它，

http://ryanfait.com/resources/footer-stick-to-bottom-of-page/