首页 > 代码库 > 满屏品字布局css
满屏品字布局css
<!doctype><html> <head> <title>test</title> </head> <style> *{ margin:0; padding: 0; } .main{ width:100%; height: 60%; } .main .left, .main .right{ width:50%; height: 100%; float:left; background: #a23; } .main .right{ background: #e11; } .clear{ clear:both; } .header{ height:40%; background: #e33; width:100%; } </style> <body> <div class="header"></div> <div class="main"> <div class="left"></div> <div class="right"></div> <div class="clear"></div> </div> </body></html>
效果图：
满屏品字布局css
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。