2011-01-31 80 views
0

我正在修复此页面,http://blisshair.com.au/testing/。 我想要做的是让“菜单”和“内容”div伸展到页面底部。将div伸展到容器中的页面底部

这是CSS,任何帮助是极大的赞赏,谢谢:)

@charset "utf-8"; 
/* CSS Document */ 

body { 
    background-color:#000; 
} 

.wrapper{ 
    margin-left:auto; 
    margin-right:auto; 
    background:#0F0; 
    width:100%; 
    overflow:auto; 
    min-height:80%; 
} 

.wrapper1{ 
    margin-left:auto; 
    margin-right:auto; 
    background:url(bg.gif) 20% 0; 
    width:100%; 
    overflow:auto; 
} 

.menu{ 
    float:left; 
    width:20%; 
} 

.content{ 
    float:left; 
    width:80%; 
} 

footer{ 
    width:100%; 
} 

header{ 
    width:100%; 
} 

编辑:我试图使“内容”和“菜单”的div伸展到页面的长度,如如此处所述。

+1

这里的目的是让页面底部的页脚像这些答案所假设的那样,或者让“菜单”和“内容”div伸展到页面底部,就像您在问题中提出的问题一样? – thirtydot 2011-01-31 13:01:41

+1

嗨,目的是让菜单和内容divs延长页面的长度, – Nik 2011-01-31 13:11:33

回答

0

从我自己的经验来看,这只能通过JavaScript来完成。

在我自己的应用程序中,我使用了一个计时器并将高度调整为主窗口的高度。

这是如何谷歌日历做到了。

我最近在answered a similar question here on SO