2009-12-27 104 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可能會在稍後給你帶來麻煩,這取決於你如何做腳註和事情,所以要小心,祝你好運。