要开发一个后台管理框架,要求如下效果。

然后开始找各种弹性布局啊什么的,用了flex写了一个,但是觉得不好,首先是兼容,其次它会破坏掉里面子元素的一些css特性,为了不给自己找麻烦我还是用传统写法吧。

上面这个效果是我实现的,但是有一个小bug就是左边侧边栏收起的时候会有和中间大盒子间产生一个灰色的空间带。不美。于是我又写了下面这个无缝贴合的。

代码原理我就不解释了,上班时间写博客本身就违规了,哈哈,主要是怕自己忘了,mark一下。

源代码在这里下载:点我呀 password: hdmw

最新文章

  1. RecyclerView-------MainActivity代码
  2. webmagic 增量爬取
  3. linq 实现group by 不使用group关键字 等同lambad表达式中的group join 查询一对多关系
  4. sql 两列相加存到另一列
  5. swift学习(二)--基本运算符、字符串、集合操作
  6. MTD应用学习:mtd和mtdblock的区别
  7. C#获取文件夹下指定格式的所有文件
  8. 大整数乘法python3实现
  9. JavaScript Base64加解密
  10. Hessian源码分析--HessianServlet
  11. mongoDB身份验证
  12. 【Caffe篇】--Caffe从入门到初始及各层介绍
  13. python 8
  14. 软件测试-历史bug回顾(持续更新~)
  15. [NOIP2018]普及组初赛题解
  16. python全栈开发 * 30知识点汇总 * 180713
  17. vscode下Python设置参考
  18. Python3将两个有序数组合并为一个有序数组
  19. Unity寻路的动态烘焙
  20. SQLServer SELECT @@IDENTITY 遇到的坑

热门文章

  1. Codeforces 311.E Biologist
  2. 关于HttpURLConnection/HttpsURLConnection请求出现了io.filenotfoundexception:url的解决方法
  3. maven创建spring项目之后,启动报错java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderListener
  4. Resharper报“Possible multiple enumeration of IEnumerable”
  5. rxjs自定义operator
  6. 2017ACM暑期多校联合训练 - Team 7 1008 HDU 6127 Hard challenge (极角排序)
  7. react input 设置默认值
  8. antdVG6随记
  9. javascript中的数组去重
  10. linux常用函数简单介绍