在CSS 中如何使用百分比设置页面 Div 高度？

在CSS 中如何使用百分比设置页面 Div 高度？

一个登陆界面的文档结构大致如下：
其中login_header和login_footer无文字内容，只有一个背景颜色，颜色区别于login_content，login_content是登录界面的主模块，用户填用户名和密哗功糕嘉蕹黄革萎宫联码。
现在为了保证不同屏幕下显示效果相同，div的高度使用百分比设置。body和login_wrapper的高度为100%，以保证本页面充满浏览器并且不会翻页。同时设置login_header和login_footer的高度为20%，content为60%。但是如此设置，浏览器只能显示content的内容，header和footer高度均为0px。无法达到本来的初衷。很奇怪，不知应该如何解决上述的问题。

这个可以直接设置 注意：设置百分比 一定要看 他父元素，就是相对于谁来说，他的宽是百分之多少 ！使用这个要有下面中任意一个： 【1】 div的父元素如果没有定义国定的高度或宽度(用px或者其它单位定义），div用百分比是无效的 。给他父元素宽高 ，子元素就可以用百分比了。 【2】另外就是 给div 加一条属性“position:absolute”，加上绝对定位，相对与body 定位。

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息