一個登陸介面的文件結構大致如下： <div> <div></div> <div></div> <div></div></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。無法達到本來的初衷。很奇怪，不知應該如何解決上述的問題。

一個登陸介面的文件結構大致如下：

其中login_header和login_footer無文字內容，只有一個背景顏色，顏色區別於login_content，login_content是登入介面的主模組，使用者填使用者名稱和密碼。

現在為了保證不同螢幕下顯示效果相同，div的高度使用百分比設定。body和login_wrapper的高度為100%，以保證本頁面充滿瀏覽器並且不會翻頁。同時設定login_header和login_footer的高度為20%，content為60%。但是如此設定，瀏覽器只能顯示content的內容，header和footer高度均為0px。無法達到本來的初衷。很奇怪，不知應該如何解決上述的問題。