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

html5弹性布局两则,有交互。-LMLPHP

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

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

html5弹性布局两则,有交互。-LMLPHP

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

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

05-11 20:53