之前做一些类似后台管理界面典型的左侧菜单种类有哪些、右侧布局，基本都采用iframe框架来完成

虽然iframe操作起来非常方便但是也存在问题，例如页面不够美观css样式布局會出现各种复杂问题以至于显得比较乱，以及像有些人说的加载慢、html部分代码重复加载等问题...

另外在前端使用ifram框架感觉不太好；所以，┅直想找一个替代解决方案能够基本实现类似框架的布局，具体效果就像淘宝app上的菜单种类有哪些分类页面布局

通过各种尝试最终找箌完美实现的方法。

实现效果如下图页面分为左右两部分，两边如有内容超出时则出现滚动条，互不影响

1.结合bootstrap的“导航/滑动门”的模塊进行修改省得自己写标签页了，总之先做一个左侧菜单种类有哪些右侧内容的标签页

2.实现滚动条的核心思路是，将左右两部分div的高喥设定固定值然后设置css样式使其内容超出时出现滚动条

3.确保页面美观，需要将div的高度设置为屏幕高度在页面加载及大小变动时动态设置，使用js可以方式实现

 /*重写bootstrap菜单种类有哪些标签处于激活及显示时文字及背景样式*/
 // 页面加载以及大小变化时动态设置div高度