后台管理页面基本布局

效果图镇楼

html

<body>
    <div id="top"></div>
    <div id="left">
        <div class="left"></div>
    </div>
    <div id="right">
        <div class="right"></div>
    </div>
</body>

style

<style>
    *{margin: 0;padding:0}
    html,body{height: 100%;}
    #top{
        width:100%;
        height: 100px;
        position:fixed;
        z-index: 10;
        background: #666;
    }
    #left{
        width:200px;
        height: 100%;
        position: absolute;
        top:0px;
        left:0;
        background: #999;
    }
    #left .left{
        padding-top:100px;
    }
    #right{
        height: 100%;
        margin-left:200px;
        background:#ccc;
    }
    #right .right{
        padding-top:100px;
    }
</style>

欠我家东东一个大大的生日蛋糕~~~

posted @ 2018-05-18 16:00  慕东  阅读(544)  评论(0编辑  收藏  举报