<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

        "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

    <title></title>

    <style>

        body{

            margin: 0px;

        }

        .head{

            height: 48px;

            background-color: #204982;

        }

        .content .con_menu{

            background-color: red;

            top:48px;

            left: 0;

            bottom: 0;

            width: 200px;

            position: absolute;

        }

        .content .con_content{

            top:48px;

            left:200px;

            bottom: 0;

            right: 0;

            position: absolute;

            overflow: auto;

        }

        .left{

            float:left;

        }

        .right{

            float: right;

        }

    </style>

</head>

<body>

<!--后台管理页面---左侧不跟着右侧滚动  overflow: auto;-->

<!--头-->

<div class="head"></div>

<!--内容-->

<div class="content" >

            <div class="con_menu left">b</div>

            <div class="con_content left"  >

                <div style="background-color: darkgreen; " >

                <p style="margin: 0">abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

                <p>abd</p>

               </div>

            </div>

</div>

<!--底部-->

<div class="foot"></div>

</body>

</html>

后台管理页面之常用布局

python：页面布局 后台管理页面之常用布局的更多相关文章

  1. 用jquery-easyui的布局layout写后台管理页面

    先在官网下载easyui文档 引入头部文件 <link rel="stylesheet" type="text/css" href="${pag ...

  2. 前端武器库系列之html后台管理页面布局

    设计网页,让网页好看:网上找模板 搜 HTML模板 BootStrap 一.页面布局之主站页面 主站布局一般不占满页面,分为菜单栏.主页面.底部 上中下三部分.伪代码如下: <div class ...

  3. HTML后台管理页面布局

    设计网页,让网页好看:网上找模板 搜 HTML模板 BootStrap 一.内容回顾: HTML 一大堆的标签:块级.行内 CSS position background text-align mar ...

  4. 老男孩Day16作业：登录、注册、后台管理页面（动态）

    一.作业需求: 1.后台管理主界面(左边菜单框.(全选.反选)框.返回顶部按钮) 2.老男孩登录.注册页面 二.博客地址:https://www.cnblogs.com/catepython/p/93 ...

  5. 8 功能6：后台管理页面，编辑文章,xss攻击

    1.后台管理页面之文本编辑 # 后台管理url re_path(r'^cn_backend/$', views.cn_backend, name='cn_backend'), re_path(r'^c ...

  6. HTML高级标签（2）————窗体分帧（2）————后台管理页面

    使用frameset进行窗体分帧.构建简易的后台页面.这篇博客就作为一个简易后台管理页面的实战演练. watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd3px ...

  7. go语言实战教程之 后台管理页面统计功能开发（2）

    上节内容介绍了后台管理页面统计功能开发(1),从功能介绍,到接口请求分析和归类,最后是代码设计.经过上节内容的介绍,已经将业务逻辑和开发逻辑解释清楚,本节内容侧重于编程代码实现具体的功能. 当日增长数 ...

  8. Django用户登陆以及跳转后台管理页面3

    Django用户登陆以及跳转后台管理页面1http://www.cnblogs.com/ujq3/p/7891774.html Django用户登陆以及跳转后台管理页面2http://www.cnbl ...

  9. Django用户登陆以及跳转后台管理页面2

    请先写好以下,再来替换文件 Django用户登陆以及跳转后台管理页面1http://www.cnblogs.com/ujq3/p/7891774.html from django.shortcuts ...

随机推荐

  1. 服务器由于redis未授权漏洞被攻击

    昨天阿里云拦截到了一次异常登陆,改了密码后就没有管他, 今天阿里云给我发消息说我的服务器可能被黑客利用,存在恶意发包行为....... 不过我不打算只是单纯的重置系统,经过一系列的查找原因后,发现被攻 ...

  2. tab1

    <html> <head> <meta charset="UTF-8"> <title>tab</title> < ...

  3. asp.net 与数据库操作

    <configuration> <system.web><compilation debug="true" targetFramework=" ...

  4. 使用logrotate来进行轮换mysql的慢日志

    #!/bin/bash SLOWCFG=/etc/my.cnf DATADIR=`awk /^datadir/ $SLOWCFG|awk -F"=" '{print $2}'` S ...

  5. 怎么在Centos7下添加win8.1的启动项

    首先找到启动文件. 在/boot/grub2目录下, 找到grub.cfg文件. 然后, sudo修改,  用gedit工具方便. 怎么修改? 打开文件, 找到有两个menuentry开头的部分, 然 ...

  6. Linux启动过程

    系统BIOS是当你点击开机键是第一个运行的程序.1. 首先主板需要接收到一个稳定的电源供给信号.如果没有得到稳定的电源供给系统自动关闭.2. 当接受到一个稳定的电源供给信号,处理器会启动,当处理器启动 ...

  7. Color Space: HSI

    HSI色彩空间是从人的视觉系统出发,用色调(Hue).色饱和度(Saturation或Chroma)和亮度 (Intensity或Brightness)来描述色彩.HSI色彩空间可以用一个圆锥空间模型 ...

  8. DOM模型有三种

    <!-- DOM模型有三种: DOM level 1:将HTML文档封装成对象. DOM level 2:在level 1基础加入新功能,比如解析名称空间. //<html xmlns=& ...

  9. UrlRewriteFilter

    UrlRewriteFilter是一个改写URL的Java Web过滤器,可见将动态URL静态化.适用于任何Java Web服务器(Resin,Jetty,JBoss,Tomcat,Orion等).与 ...

  10. linux查看ssh用户登录日志与操作日志

    linux查看ssh用户登录日志与操作日志 2013-11-01转载   ssh用户登录日志 linux下登录日志在下面的目录里:  代码如下 复制代码 cd /var/log 查看ssh用户的登录日 ...