如何防止TreeView改变它的位置？

Question

每当我在树视图中折叠或打开节点时，它就会上下跳转到页面中间。有没有什么方法可以保持它的位置并防止它？

Answer 1

这里有一些CSS来解决这个问题（我假设这种情况发生在Firefox中？）：

         <div id="idTreeView">
            <asp:TreeView ID="TreeView1" runat="server" 
              DataSourceID="SiteMapDataSource1"
              HoverNodeStyle-Height="0" Font-Bold="true" ImageSet="BulletedList">
                <RootNodeStyle Font-Bold="True" />
                <ParentNodeStyle VerticalPadding="0px" Font-Bold="True"                     Font-Underline="false"  />
                <HoverNodeStyle Font-Underline="false" ForeColor="#5555DD" />
                <NodeStyle Font-Bold="False" Font-Size="8pt" CssClass="sitelink"
                    ForeColor="Black" HorizontalPadding="5px" NodeSpacing="0px"                     VerticalPadding="0px" />
            </asp:TreeView>

            <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
        </div> 

        div#idTreeView img
        {
            display: block;
            float: left;
        }

        div#idTreeView div
        {
            display: inline-block;
        }

        div#idTreeView .sitelink a
        {
            text-decoration:none;
        }