Question

你们中的任何人都可以帮我解决这个问题。我必须实现以下布局：

Root div

   -Header  
   -Content

Footer div

Root Div和页脚之间不应有任何差距。页脚应始终贴在网页的底部。所以基本上，如果我缩小或增加分辨率，内容Div应该增加高度。

你们有没有人能告诉我如何实现这个目标？

div看起来像这样：

<header>
    <container>
        <content> ---> Has a gradient background
           <text>
           <image> ---> The bottom end of this image should be behind the footer, and when the screen resolution changes, the complete image should  display with the Gradient background extended until the footer.
<footer>

Answer 1

这几乎总是一种幻觉 - 当你扩展你的页面时，你没有获得更多的内容。 http://www.cssstickyfooter.com/在您的包装器div上放置背景图像/颜色会为您提供您正在寻找的可能结果。

Answer 2

像这样？：

<div id="root" style="height:100%;">
    Le root
</div>
<div id="footer" style="position:absolute;bottom:0px;">Le Footer</div>

如何使用缩放级别/屏幕分辨率增加div的高度？

2 个答案: