在css中设置一个DIV高度,但是设为百分比无效,而不是像素!

技术2022-07-10 178

只需要bai把HTML或BODY的高度设置为100%，然后在body内的任意DIV的高度用百分比表示，就可以了。具zhi体代码如下：

<html> <head> <style> body{height:100%;}//设置网页高dao度为百分之百 .login_wrapper{height:100%;}//设置整体布局高度为网页高度的百分之百 .login_header,.login_footer{background-color:black;height:20%;}//设置顶部和底部高度为百分之二十 .login_content{height:60%;}//设置内容区高度为百分之六十 </style> </head> <body> <div class="login_wrapper"> <div class="login_header">网页顶部</div> <div class="login_content">网页内容</div> <div class="login_footer">网页底部</div> </div> </body> </html>

Processed: 0.016, SQL: 9