当窗口最大化时，我希望我的网页的上边距为 100px，但如果用户调整窗口大小以缩小它，我希望这个边距缩小。边距的最小尺寸应为 10 像素，并且应与窗口高度成比例地缩小。
如果我要模拟的是 http://www.bing.com/ 的示例
我将如何在 CSS 中实现这一点？我目前正在与min-height、min-width、height 和width 纠结。
谢谢。
【问题讨论】：
标签： css margin window-resize
没有看到一些代码，很难给出好的建议。但是，您可以将 html 和 body 设置为 100% 高度，这实际上应该符合浏览器可视部分的高度：
html, body{ margin:0; padding:0; height:100%; }
从那里，您可以将 div 直接添加到 body 中，并以百分比形式为其指定高度：
#push{ height: 15%; }
你的正文 html 看起来像：
<body>
<div id="push"></div>
<div>
asdf asdf
</div>
</body>
当身体高度发生变化时，推动高度也会发生变化。您可能需要调整该数字以使其符合您的喜好。你也可以给推送一个最小高度，但 IE6 不支持。此外，100% 的 html / body 可能会在以后给您带来麻烦，具体取决于您如何处理页脚和事情，所以要小心并祝您好运。
【讨论】：