2009-12-27 76 views
0

当窗口最大化时,我想让网页的上边距为100px,但如果用户调整窗口大小以缩小窗口,我希望此边距缩小。保证金的最小尺寸应该是10px,并且应该与窗口高度成比例缩小。当窗口缩小时,CSS上边距会缩小

,如果我试图模仿是http://www.bing.com/

我怎么会去在CSS实现这样的例子?我现在正在用min-height,min-width,heightwidth

谢谢。

回答

2

没有看到一些代码,很难给出一个很好的建议。但是,你可以风格的HTML和身体是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可能会在稍后给你带来麻烦,这取决于你如何做脚注和事情,所以要小心,祝你好运。