简单的导航栏分隔,没有嵌入frames

<style type="text/css">
        .
        #layoutdims
        {
            clear: both;
            background: #eee;
            margin: 0;
            padding: 6px 15px !important;
            text-align: left;
        }
        .colmask
        {
            position: relative; 
            clear: both;
            float: left;
            width: 100%;
            overflow: hidden; 
        }
        .colleft
        {
            float: left;
            width: 100%;
            position: relative;
        }
        .col1, .col2
        {
            float: left;
            position: relative;
            padding: 0 0 1em 0;
            overflow: hidden;
        }
        .leftmenu
        {
            background: #fff;
        }
        .leftmenu .colleft
        {
            background: #f4f4f4;
        }
        .leftmenu .col1
        {
            width: 18%;
        }
        .leftmenu .col2
        {
            width: 82%;
        }
    </style>

<div class="colmask leftmenu">
            <div class="colleft" >
                <div class="col1" >
                    <asp:TreeView ID="TreeView1" runat="server" DataSourceID="SiteMapDataSource1" >
                    </asp:TreeView>
                </div>
                <div class="col2" >
                    <p id="layoutdims">
                        <asp:SiteMapPath ID="SiteMapPath1" runat="server">
                        </asp:SiteMapPath>
                    </p>
                    <asp:ContentPlaceHolder ID="MainContent" runat="server" />
                </div>
                <div class="clear">
                </div>
            </div>
        </div>