Ext页面根据浏览器大小显示全部，页面居中

div元素居中

设置body  text-align:center;
设置主框架div margin:0 auto;

 

    body.height 不能设置固定值，mainFrame（主框架） height设为100%，overflow:auto,  ext中设置anchor'100%' 

   渲染对象的div设置为display:block,并设置height 一个固定值    

    这样当页面的大小超过屏幕分辨率时，页面会自动出现滚动条
    <style type="text/css">
       
    <!--
        body
        {
         text-align:center;
         }
        #mainFrame
        {
         height:100%;
         overflow:auto;
         }
        #maingrid
        {
         margin:0 auto;
         }
        #div_01
        {
         width:100%;
         height: 300;
         margin:10;
         display:block;
         }
        #div_02
        {
         width:100%;
         height: 300;
         margin:10;
         display:block;
         }
    -->
    </style>