FloatingPanel的使用

实现FloatingPanel的自动伸缩：

        <table style="z-index: 100; left: 0px; width: 581px; position: absolute; top: 0px;
            height: 500px">
            <tr>
                <td rowspan="3" style="vertical-align: top; width: 189px;">
                <div style="position:relative; overflow:auto; border-right: black thin solid; border-top: black thin solid; border-left: black thin solid; border-bottom: black thin solid;">
                    <esri:FloatingPanel ID="FloatingPanel1" runat="server" BackColor="White" BorderColor="Gray"
                        BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="8pt" ForeColor="Black"
                        Height="200px" Style="z-index: 100; left: 0px; top: 0px;position:relative"
                        Title="Floating Panel" TitleBarColor="WhiteSmoke" TitleBarHeight="20px" TitleBarSeparatorLine="False"
                        Transparency="35" Width="191px">
                    </esri:FloatingPanel>
                    <esri:FloatingPanel ID="FloatingPanel2" runat="server" BackColor="White" BorderColor="Gray"
                        BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="8pt" ForeColor="Black"
                        Height="200px" Style="z-index: 101; left: 0px; position: static; top: 0px;"
                        Title="Floating Panel" TitleBarColor="WhiteSmoke" TitleBarHeight="20px" TitleBarSeparatorLine="False"
                        Transparency="35" Width="190px">
                    </esri:FloatingPanel>
                    <esri:FloatingPanel ID="FloatingPanel3" runat="server" BackColor="White" BorderColor="Gray"
                        BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="8pt" ForeColor="Black"
                        Height="200px" Style="z-index: 102; left: 0px; position: static; top: 0px;"
                        Title="Floating Panel" TitleBarColor="WhiteSmoke" TitleBarHeight="20px" TitleBarSeparatorLine="False"
                        Transparency="35" Width="190px">
                    </esri:FloatingPanel>
                    <esri:FloatingPanel ID="FloatingPanel4" runat="server" BackColor="White" BorderColor="Gray"
                        BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="8pt" ForeColor="Black"
                        Height="200px" Style="z-index: 103; left: 0px; position:static; top: 0px"
                        Title="Floating Panel" TitleBarColor="WhiteSmoke" TitleBarHeight="20px" TitleBarSeparatorLine="False"
                        Transparency="35" Width="189px">
                    </esri:FloatingPanel>
                    <esri:FloatingPanel ID="FloatingPanel5" runat="server" BackColor="White" BorderColor="Gray"
                        BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="8pt" ForeColor="Black"
                        Height="200px" Style="z-index: 104; left: 1px; position:static; top: -239px"
                        Title="Floating Panel" TitleBarColor="WhiteSmoke" TitleBarHeight="20px" TitleBarSeparatorLine="False"
                        Transparency="35" Width="192px">
                    </esri:FloatingPanel>
                </div>
                </td>
                <td>
                </td>
                <td>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                </td>
            </tr>
            <tr>
                <td style="height: 75px">
                </td>
                <td style="height: 75px">
                </td>
            </tr>
        </table>