后台管理页面基本布局

最新推荐文章于 2023-08-19 11:41:38 发布

weixin_30363817

最新推荐文章于 2023-08-19 11:41:38 发布

阅读量286

点赞数

原文链接：http://www.cnblogs.com/wong-do/p/9056632.html

版权

效果图镇楼

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>

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

转载于:https://www.cnblogs.com/wong-do/p/9056632.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30363817

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
后台管理页面基本布局

效果图镇楼html<body> <div id="top"></div> <div id="left"> <div class="left"></div> </div> <div id="right"> <...
复制链接

扫一扫