Question

当窗口最大化时，我希望我的网页的上边距为100px，但如果用户调整窗口大小以缩小它，我希望此边距缩小。边距的最小尺寸应为10px，并应与窗口高度成比例缩小。

如果我想模仿的是http://www.bing.com/

，请举例说明

我将如何在CSS中实现此功能？我现在正在与min-height，min-width，height和width进行交易。

感谢。

Answer 1

没有看到一些代码，很难给出一个很好的建议。但是，你可以将html和body设置为100％高度，它应该实际上符合浏览器可视部分的高度：

html, body{ margin:0; padding:0; height:100%; }

从那里，你可以直接在身体中添加一个div，并给它一个百分比的高度：

#push{ height: 15%; }

你的身体html看起来像：

<body>
    <div id="push"></div>
    <div>
        asdf asdf
    </div>
</body>

当身高发生变化时，推高度也会发生变化。您可能需要调整该数字以使其符合您的喜好。你也可以给推高一个高度，但在IE6中不支持。此外，100％html / body可能会在以后根据您的页脚和内容的方式给您带来麻烦，所以要小心并祝您好运。