接近完善两栏页面布局设置

tiger0425

今天参考“页面布局”的文章做了一个两栏的页面布局，自认不错，特分享给大家，希望大家提些意思

• 显示左右两个区域——使用     row(bootstrap)组件，row下面有两个col，row和col都设置height:100%。左右两个区域占屏幕的比例通过col的     class设置，左边的col的class属性为col-xs-3，右边的col的class属性为col-xs-9，表示左右区域的宽度比为1:3，这     里使用的是bbotstrap的样式，屏幕宽度为12，左右两列加起来是12，就表示会占满整个屏幕；
• 左边——放一个grid组件，设置height:100%;width:100%,清空column的width属性；
• 右边——放入row组件，在加入三列，列属性class为分为col-xs-12，将工具栏入在第一列，筛选栏放在第二列，第三列高度设成86%，在放panel组件，class属性只保留x-panel，高度height设置成100%，在将grid组件放入panel中，高度height也设置100%，宽度width也设置成100%，清除所有列宽度；
  

图片效果为firefox，表现接近完美，在IE11中右下拉条默认存在无法取消，不完美；最后只是下面的横拉条默认都在无法取消，希望新版本中能取消；