ajaxToolkit:DragPanelExtender 位置

Question

使用了DragPanelExtender，代码如下：
 <ajaxToolkit:DragPanelExtender ID="DragPanelExtender1" runat="server" TargetControlID="PanelContainer" DragHandleID="PanelHeader">
            </ajaxToolkit:DragPanelExtender>
            <asp:Panel ID="PanelContainer" runat="server" CssClass="dragContainer" >
                <asp:Panel ID="PanelHeader" runat="server" CssClass="dragHeader">
                  <br />Header</asp:Panel>
                <asp:Panel ID="PanelBody" runat="server" CssClass="dragBody">
                    <br />
                    One<br /><br />
                    Two<br /><br />
                    Three<br /><br />
                    Four
                 </asp:Panel>
                 </asp:Panel>
初始位置总是在页面的左上角，如何把初始位置设置为页面的最中间？

Answer 1

 <div style="width:300px; float:left;"></div>
        <div style=" float:left;">
        <asp:Panel ID="PanelContainer" runat="server" CssClass="dragContainer" > 
            <asp:Panel ID="PanelHeader" runat="server" CssClass="dragHeader"> 
             <br />Header </asp:Panel> 
             <asp:Panel ID="PanelBody" runat="server" CssClass="dragBody"> 
              <br /> 
              One <br /> <br /> 
              Two <br /> <br /> 
              Three <br /> <br /> 
              Four 
              </asp:Panel> 
              </asp:Panel> 
      </div>用一個比較笨的辦法，左邊放一個div 將它撐到中間
試過設置他所在的div的text-align 或margin都沒用