码迷,mamicode.com
首页 > 其他好文 > 详细

后台管理页面基本布局

时间:2018-05-18 16:23:14      阅读:751      评论:0      收藏:0      [点我收藏+]

标签:info   生日   页面   z-index   dex   .com   top   add   round   

效果图镇楼

技术分享图片

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>

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

后台管理页面基本布局

标签:info   生日   页面   z-index   dex   .com   top   add   round   

原文地址:https://www.cnblogs.com/wong-do/p/9056632.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!