首页 > 代码库 > css做的后台管理页面,不考虑ie8一下的
css做的后台管理页面,不考虑ie8一下的
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>盒子模型</title><style type="text/css">* { margin:0; padding:0;}html, body { height:100%; width:100%; overflow:hidden;}.wrap { height:100%; width:100%; overflow:hidden; padding:110px 0 70px; box-sizing:border-box;}.head { height:100px; background:#933; width:100%; margin:-110px 0 10px;}.body { height:100%; overflow:hidden; line-height:30px;}.bar { width:280px; height:100%; background:#9CF; float:left; overflow:auto; padding:0 10px;}.con { margin-left:310px; background:#6F6; height:100%; overflow:auto; padding:0 10px;}.foot { height:60px; background:#099; width:100%; margin-top:10px;}</style></head><body><div class="wrap"> <div class="head"></div> <div class="body"> <div class="bar"> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> </div> <div class="con"> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> <p>asdasdas</p> </div> </div> <div class="foot"></div></div></body></html>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。