css - 如何使用 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

您可以使用 JQuery 将高度传递给元素

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

Answer 2

嘿，使用这个链接来对齐你的 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/

Answer 3

我不知道使用 css 来做这件事，而且我认为 css 不会检测到屏幕或其他东西的死亡。

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

这应该有效。使用 jQuery

Answer 4

您已将内容的高度定义为 100%，这可能就是为什么它不会检测到内容的高度，因为内容会尝试适应 100% 的高度

尝试使用

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