<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        #header{
            position:absolute;
            background-color: #000000;
            color:white;
            top: 0px;
            left: 0px;
            right: 0px;
            height: 50px;
        }
        #data{
            position:absolute;
            margin-top: 50px;
            margin-bottom: 50px;
            top: 0px;
            bottom: 0px;
            left:0px;
            width: 100%;
        }
        #category{
            height: 100%;
            background-color: #ffff00;
            float: left;
            width: 100px;
            padding: 5px;
            overflow:hidden;
        }
        #category_sub{
            width: 120px;
            height: 100%;
            overflow-x:hidden;
            overflow-y: auto;
            padding:0 10% 0 0;
        }
        #content{
            background-color: red;
            margin-left: 105px;
            height: 100%;
        }
        #footer{
            background-color: #000000;
            height: 50px;
            width: 100%;
            position: absolute;
            bottom:  0px;
            left: 0px;
            right: 0px;
        }
    </style>
</head>
<body>
    <div id="header"></div>
    <div id="data">
        <div id="category">
            <div id="category_sub">
                <p>cate111111111111111111111111111111111</p>
                <p>cate2</p>
                <p>cate111111111111111111111111111111111</p>
                <p>cate2</p>
                <p>cate111111111111111111111111111111111</p>
                <p>cate2</p>
                <p>cate111111111111111111111111111111111</p>
                <p>cate2</p>
                <p>cate111111111111111111111111111111111</p>
                <p>cate2</p>
                <p>cate111111111111111111111111111111111</p>
                <p>cate2</p>
                <p>cate111111111111111111111111111111111</p>
                <p>cate2</p>
                <p>cate111111111111111111111111111111111</p>
                <p>cate2</p>
                <p>cate111111111111111111111111111111111</p>
                <p>cate2</p>
                <p>cate111111111111111111111111111111111</p>
                <p>cate2</p>
                <p>cate111111111111111111111111111111111</p>
                <p>cate2</p>
            </div>
        </div>
        <div id="content">work</div>
    </div>
    <div id="footer"></div>
</body>
</html>

最新文章

  1. 使用Jenkins可持续集成maven项目
  2. Python 100道题深入理解
  3. Java中什么时候使用构造方法
  4. Oracle分析函数 — sum, rollup, cube, grouping用法
  5. 关于Linux的缓存内存 Cache Memory详解&lt;转&gt;
  6. 【ThinkPHP学习】ThinkPHP自己主动转义存储富文本编辑器内容导致读取出错
  7. Java新手如何学习Spring、Struts、Hibernate三大框架？（转）
  8. DOM编程从入门到忘记
  9. PTA题---求两个有序序列中位数所体现的思想。
  10. php 7.3 新特性
  11. JS中的特殊类别注意区分
  12. 【4】数独（Sudoku Killer）（深度优先遍历）
  13. js对当前时间的相关操作
  14. [LeetCode&amp;Python] Problem 892. Surface Area of 3D Shapes
  15. python 分词
  16. C语言lseek()函数：移动文件的读写位置
  17. Ubuntu 14.04 安装adobe flash player
  18. 剑指offer-int类型负数补码中1的个数-位操作
  19. C99规范
  20. Python 调试：step into/step out/step over 的区别

热门文章

  1. 83）PHP，配置文件功能
  2. 图形学创世纪——写在SIGGRAPH 40年的边上
  3. HihoCode-1323-回文字符串
  4. mudbox卸载/完美解决安装失败/如何彻底卸载清除干净mudbox各种残留注册表和文件的方法
  5. 吴裕雄--天生自然python学习笔记：Python3 File(文件) 方法
  6. POJ 2226 Muddy Fields 二分图(难点在于建图)
  7. js 实现排序算法 -- 希尔排序（Shell Sort）
  8. 阿里云vpc网络SNAT实现内网实例通外网
  9. Andrew's Blog / 《Network Programming with Go》学习笔记
  10. 内核ioctl函数的cmd宏参数