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

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

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

相关文章:

  • 2021-08-11
  • 2021-12-25
  • 2021-12-02
  • 2021-12-26
  • 2022-12-23
  • 2021-04-15
猜你喜欢
  • 2022-01-13
  • 2021-12-05
  • 2021-12-05
  • 2021-07-07
  • 2022-12-23
  • 2021-11-10
  • 2022-12-23
相关资源
相似解决方案