纯H5+C3实现后台管理页面布局效果

后台管理系统页面布局的特点
1)头部导航栏位置固定,高度固定、宽度自适应
2)内容部分宽度高度自适应,高度为页面高度的剩下部分(除了头部导航栏剩下的部分保证全屏铺满,不出滚动条)

实现代码
纯H5+C3实现后台管理页面布局效果
分析说明: html和body元素给高100%,然后content高设置100%就可以铺满整个页面,
给导航栏nav_top 10%的高度,宽度100%,导航栏就撑满浏览器宽度并且显示在内容盒子content顶部。再给html和body设置外边距为0,overflow:hidden,此时整个页面全屏被content铺满。

页面效果:
纯H5+C3实现后台管理页面布局效果