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

Question

你们谁能帮我解决这个问题。我必须实现以下布局:

Root div   -Header     -ContentFooter div

There should not be any gap between the Root Div and the Footer. And the Footer should always stick to the bottom of the web page. So basically, if I zoom out or increase the resolution, the Content Div should increase in height.

Can any of you please tell me how to achieve this?

---

The divs look like this:

<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 上放置背景图像/颜色会给您可能正在寻找的结果。