flex layout

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FB7171, #FFFFFF]">
    <mx:XMLList id="employees">
        <meployee>
            <name>user01</name>
            <phone>020-33669988</phone>
            <email>[e-mail]</email>
        </meployee>
        <meployee>
            <name>user02</name>
            <phone>020-55668899</phone>
            <email>[e-mail]</email>
        </meployee>
    </mx:XMLList>
    <mx:XMLList id="treeData">
        <menuitem label="总目录">
            <menuitem label="目录01">
                <menuitem label="项目01"/>
                <menuitem label="项目02"/>
                <menuitem label="项目03"/>
            </menuitem>
            <menuitem label="目录02" isBranch="true">
                <menuitem label="项目01"/>
            </menuitem>
            <menuitem label="目录03" isBranch="true">
                <menuitem label="项目01">
                    <menuitem label="组员01"/>
                    <menuitem label="组员02"/>
                    <menuitem label="组员03"/>
                </menuitem>
                <menuitem label="项目02"/>
                <menuitem label="项目03"/>
                <menuitem label="项目04"/>
            </menuitem>
        </menuitem>
    </mx:XMLList>
   
    <mx:VDividedBox width="100%" height="100%" fontSize="14">
        <mx:ApplicationControlBar width="100%" height="100" maxHeight="100" minHeight="100">
            <mx:Label text="java"/>
        </mx:ApplicationControlBar>
       
        <mx:HDividedBox  width="100%" height="100%"  top="100" bottom="50" left="0" right="0">
            <mx:Panel title="树结构" width="25%" height="100%" maxWidth="300" minWidth="150">
                <mx:Tree id="tree01" width="100%" height="100%" labelField="@label" dataProvider="{treeData}" showRoot="true">
                </mx:Tree>
            </mx:Panel>
            <mx:Panel title="员工信息" width="100%" height="100%" minHeight="200">
                <mx:DataGrid id="myGrid" width="100%" height="100%" dataProvider="{employees}">
                    <mx:columns>
                        <mx:DataGridColumn dataField="name" headerText="Name" />
                        <mx:DataGridColumn dataField="phone" headerText="Phone" />
                        <mx:DataGridColumn dataField="email" headerText="Email" />
                    </mx:columns>
                </mx:DataGrid>
            </mx:Panel>
        </mx:HDividedBox>
       
        <mx:ApplicationControlBar width="100%" height="40" maxHeight="40" minHeight="40">
            <mx:Label text="java"/>
        </mx:ApplicationControlBar>
    </mx:VDividedBox>
</mx:Application>