简单的导航栏分隔,没有嵌入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>