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

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

尝试使用

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

Answer 3

我不知道用css做到这一点，我不认为css会发现屏幕或其他东西。

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

这应该有效。使用jQuery

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/

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

4 个答案: