FineUI界面布局

<form id="form1" runat="server">
        <f:PageManager ID="PageManager1" AutoSizePanelID="RegionPanel1" runat="server"></f:PageManager>
        <f:RegionPanel ID="RegionPanel1" ShowBorder="false" runat="server" >
            <Regions>
                <f:Region ID="Region1" Margin="0 0 0 0" ShowBorder="false" Height="70px" ShowHeader="false"
                    Position="Top" Layout="Fit" runat="server">
                    <Items>
                        <f:ContentPanel ShowBorder="false" ShowHeader="false" ID="ContentPanel1" CssClass="header" runat="server">
                           在这里可以输入DIV等标签，展示顶部信息
                        </f:ContentPanel>
                    </Items>
                </f:Region>
                <f:Region ID="Region2" Split="true" Width="200px" ShowHeader="true" Title="系统菜单" Margin="5 0 5 5"
                    EnableCollapse="true" Layout="Fit" Position="Left" runat="server">
                </f:Region>
                <f:Region ID="mainRegion" ShowHeader="false" Layout="Fit" Margin="5 5 5 0" Position="Center"
                    runat="server">
                    <Items>
                        <f:TabStrip ID="mainTabStrip" EnableTabCloseMenu="true" EnableFrame="false" ShowBorder="false" runat="server">
                            <Tabs>
                                <f:Tab ID="Tab1" Title="首页" Layout="Fit" Icon="House" CssClass="maincontent" IFrameUrl="Center.aspx" EnableIFrame="true" runat="server"></f:Tab>
                            </Tabs>
                        </f:TabStrip>
                    </Items>
                </f:Region>
                <f:Region ID="Region3" Margin="0" ShowBorder="false" Height="30px" ShowHeader="false"
                    Position="Bottom" Layout="Fit" runat="server">
                    <Items>
                        <f:ContentPanel ShowBorder="false" ShowHeader="false" ID="ContentPanel2" CssClass="footer" runat="server">
                            
                        </f:ContentPanel>
                    </Items>
                </f:Region>

            </Regions>
        </f:RegionPanel>

    </form>

展示的效果如下：上下左右结构