【问题代码

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
            border: 0;
        }

        .top {
            background-color: black;
            width: 1920px;
            height: 40px;
        }

        .body {
            background-color: red;
            width: 1200px;
            height: 200px;
            margin: 0 auto;

        }

        .left {
            background-color: yellow;
            width: 200px;
            height: 80px;
            float: left;

        }

        .centen {
            background-color: blue;
            width: 200px;
            height: 40px;
            margin: 0 auto;
            margin-top: 10px;

        }

        .right {
            background-color: green;
            width: 200px;
            height: 80px;
            float: right;
        }
    </style>
</head>
<body>
<div class="top"></div>
<div class="body">
    <div class="left"></div>
    <div class="centen"></div>
    <div class="right"></div>
</div>
</body>
</html>

】

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
            border: 0;
        }

        .top {
            background-color: black;
            width: 1920px;
            height: 40px;
        }

        .body {
            background-color: red;
            width: 1200px;
            height: 200px;
            margin: 0 auto;
            margin-top: 10px;
        }

        .w200 {
            width: 200px;
        }

        .h80 {
            height: 80px;
        }

        .h40 {
            height: 40px;
        }

        .left_content_right {
            /*相对其正常位置*/
            position: relative;
        }

        .left {
            background-color: yellow;
        }

        .centen {
            background-color: blue;
            /*relative  相对正常位置，调试确定其正常位置;*/
            margin: 0 auto;
            /*60=40+20*/
            margin-top: -60px;
        }

        .right {
            background-color: green;
            /*relative  相对正常位置，margin-top: -60px;float: right;*/
            float: right;
            margin-top: -60px;
        }
    </style>
</head>
<body>
<div class="top"></div>
<div class="body">
    <div class="left w200 h80 left_content_right"></div>
    <div class="centen w200 h40 left_content_right"></div>
    <div class="right w200 h80 left_content_right"></div>
</div>
</body>
</html>

positive 相对其正常位置，那什么是正常位置： 请问调试，请问浏览器的更多相关文章

  1. 逆天通用水印支持Winform，WPF，Web，WP，Win10。支持位置选择（9个位置 ==》[X]）

    常用技能:http://www.cnblogs.com/dunitian/p/4822808.html#skill 逆天博客:http://dnt.dkil.net 逆天通用水印扩展篇~新增剪贴板系列 ...

  2. phpstorm 10注释的双斜线位置不在缩进的位置：

    22:07 2016/4/4phpstorm 10注释的双斜线位置不在缩进的位置:终于找到了(但是没有实现效果,不知道是什么原因 win10系统):File | Settings | Editor | ...

  3. 华为机试题——数组排序，且奇数存在奇数位置，偶数存在偶数位置

    题目要求很简单,就是给你一个数组,对它进行排序,并且排序后,奇数要放在奇数的位置上,偶数要放在偶数的位置上,如果不满足这个规则的话就在数组上填充0 实现代码如下,文中值得注意的一点就是如何判读这个数字 ...

  4. day11 函数的位置形参，位置实参，可变长位置形参，关键字形参

    今天内容 函数的参数详解 形参与实参 形参及形式参数,就是在定义函数是括号中指定的参数(本质就是一个名字) 实参及实际参数,指的是在调用函数是传入的参数)(本质就是一个值) 在调用函数是就会把形参和实 ...

  5. 周期同步位置模式(CSP)，轮廓位置模式(PPM)，位置模式(PM)

    什么是运动控制? 运动控制就是通过机械传动装置对运动部件的位置.速度进行实时的控制管理,使运动部件按照预期的轨迹和规定的运动参数(如速度.加速度参数等)完成相应的动作. 运动控制系统的典型构成 1. ...

  6. dom 页面位置和大小，元素的位置和大小，鼠标位置

    dom里面三种跟位置相关的元素 页面位置和大小,元素的位置和大小,鼠标位置 ①window:位置(position):(screenLeft, screenTop) [(screenX, screen ...

  7. iOS开发项目之四 [ 调整自定义tabbar的位置与加号按钮的位置]

    自定义tabbar与按钮的添加 01 - 把系统的tabbar用我们自己的覆盖 LHQTabBar *lhqTabBar = [[LHQTabBar alloc]init]; [self setVal ...

  8. Win7删除网络位置那些不用的网络位置(驱动器)

    1.初始状态: 映射成功的网络位置如下图 2.要删除这个网络位置:点击"打开网络和共享中心",然后如下图设置: 3.重启电脑之后,删除的"网络位置"不会在资源管 ...

  9. 【noip模拟赛3】确定的位置 （map的遍历 位置原理）

    描述 hzy很喜欢了解歌曲的排行榜,他每次都从XX网站获知. 由于这个网站想对这个歌曲的排行榜含蓄的告诉大家,组织了一个“猜榜大赛”. 这个网站宣布一些歌曲的信息,那些歌曲在歌曲榜上的前几名 例如: ...

随机推荐

  1. hdu6058[链表维护] 2017多校3

    用一个双向链表来查找比当前元素大的前k-1个元素和后k-1个元素 ,从小到大枚举x,算完x的贡献后将x从链表中删除,优化到O(nk). /*hdu6058[链表维护] 2017多效3*/ #inclu ...

  2. Python之Regular Expressions（正则表达式）

    在编写处理字符串的程序或网页时,经常会有查找符合某些复杂规则的字符串的需要.正则表达式就是用于描述这些规则的工具.换句话说,正则表达式就是记录文本规则的代码. 很可能你使用过Windows/Dos下用 ...

  3. 怎么创建SpringBoot项目

    上述中讲到了怎么创建SpringBoot项目,那么现在就来介绍下SpringBoot配置文件的两种格式yml和properties 首先呢发上一份application.properties 在放上一 ...

  4. [luoguP3953] 逛公园（DP + spfa）

    传送门 看到求方案数,应该很容易想到dp f[u][i]表示到点u,且比到u的最短距离多i的方案数 那么需要先预处理dis数组,spfa或者堆优化的dijk 因为考虑到dp的顺序,f[u][i]转移到 ...

  5. 【THUSC2016】成绩单（bzoj4897）

    $f(i,j,x,y)$ 表示区间 $[i,j]$中,第 $j$ 个数在最后一次操作中才消去,最后一次操作的最大值为 $x$,最小值为 $y$ 时的最小代价: $g(i,j)$ 表示区间 $[i,j] ...

  6. 【2018.10.15】WZJ笔记（数论）

    1. 证明:对于任意质数$p\gt 3$,$p^2-1$能被$24$整除. 证:平方差公式,$p^2-1 = (p-1)(p+1)$. 再把$24$分解质因数$2^3*3$. 三个相邻的自然数中至少有 ...

  7. Lighttpd 服务器的安装

    https://www.cnblogs.com/rongfengliang/articles/3503228.html

  8. Wannafly挑战赛11 D 题 字符串hash + 卡常

    题目链接 https://ac.nowcoder.com/acm/contest/73#question map与order_map https://blog.csdn.net/BillCYJ/art ...

  9. eclipse软件安装及python工程建立

    原文地址:http://www.cnblogs.com/halfacre/archive/2012/07/22/2603848.html 安装python解释器 安装PyDev: 首先需要去Eclip ...

  10. bzoj2555(lct维护sam)

    题意: (1):在当前字符串的后面插入一个字符串 (2):询问字符串s在当前字符串中出现了几次?(作为连续子串) 字符串长度<=6e5,询问总长度<=3e6 分析: 考虑建个sam,然后把 ...