Code<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<ajaxToolkit:DragPanelExtender ID="DragPanelExtender1" runat="server"
TargetControlID="TargetPanel" DragHandleID="DragHandlePanel" />
<asp:Panel ID="TargetPanel" runat="server" CssClass="movablePanel" >
<asp:Panel ID="DragHandlePanel" runat="server" CssClass="handle" ToolTip="请拖拽此处" >
这是可拖动面板的标题
</asp:Panel>
<div class="content">
这是内容面板这是内容面板这是内容面板这是内容面板这是内容面板这是内容面板<br />
这是内容面板这是内容面板这是内容面板这是内容面板这是内容面板这是内容面板这是<br />
内容面板这是内容面板这是内容面板这是内容面板这是内容面板这是内容面板这是内容面板<br />
</div>
</asp:Panel>
</div>
</form>
<script type="text/javascript">
// 下面的程序代码是用来解决 FloatingBehavior 不允许我们将
// 拖拽面板（DragPanel）固定于某处的问题。
function setBodyHeightToContentHeight()
{
document.body.style.height =
Math.max(document.documentElement.scrollHeight, document.body.scrollHeight)
+ "px";
}
setBodyHeightToContentHeight();
$addHandler(window, "resize", setBodyHeightToContentHeight);
</script>
</body>