marginleft负值（fixed定位margin负值，如图为啥呢么margin上左要负一半）

2026-04-19 05:30:01 ：0

各位老铁们好，相信很多人对marginleft负值都不是特别的了解，因此呢，今天就来为大家分享下关于marginleft负值以及fixed定位margin负值，如图为啥呢么margin上左要负一半的问题知识，还望可以帮助大家，解决大家的一些困惑，下面一起来看看吧！

本文目录

fixed定位margin负值，如图为啥呢么margin上左要负一半
样式padding-left和margin-left有什么区别
float之后为什么margin赋值负值不会掉下去，而rigth一个正值却会掉下去

fixed定位margin负值，如图为啥呢么margin上左要负一半

fixed定位是以浏览器窗口进行定位，在你的代码里具体位置是由top和left控制的。

而margin数值里的负值同样会影响元素的位置，具体原因请参考网上关于margin负值的相关资料，例如下图是我找到的：

样式padding-left和margin-left有什么区别

边界margin和补白padding（依据国内出版社的翻译惯例，margin被翻译成边界，padding被翻译成补白，译者依照习惯翻译。但译者认为，margin翻译成外边距，padding翻译成内边距更为直白和形象。你可以依据自己的习惯来适应这两种不同的译法。——译者注）是隔开元素最常用的两个属性。边界是元素外边的距离，而补白则是元素内部的距离。
***隐藏网址***

float之后为什么margin赋值负值不会掉下去，而rigth一个正值却会掉下去

这里涉及到float元素上的负margin到底是什么意思。根据css标准，float元素上的负margin表示把下面的元素向对应方向移动，并且覆盖上一个元素（这里是指html中元素的声明顺序）。

比如上例，body中main写在left上面，它们都是float元素，所以为了使left和main元素处于一行，只能把left元素向左移动100%，即margin-left: -100%，此时的显示效果就是left覆盖在main上面了且位于行首，并且算上margin，占据了整整100%的宽度；然后就是把right放到最右边，此时只需要让他向左移动200px就够了，因为right本身就是200px，所以就是margin-left:-200px

需要注意的是，元素在html中的声明顺序决定了浏览器的渲染顺序，上例中的main left和right的声明顺序对css规则影响很大，其实你上面那个也可以这样写：两个对比一下你会理解的更透彻！

《style》
    body {
        margin: 0;
        padding: 0;
        min-width: 600px;
    }
    .main,
    .left,
    .right{
        float: left;
    }
    .main {
        width: 100%;
        /* 把main向左拉200px，并且覆盖于left之上*/
        margin-left: -200px;
    }
    .main_body {
        margin: 0 210px;
        background: #888;
        height: 200px;
    }
    .left,
    .right {
        width: 200px;
        height: 200px;
        background: #F60;
    }
    .right{
       /* 把right向左拉200px，并且覆盖于main之上*/
        margin-left: -200px;
    }
《/style》
《body》
《!--注意这里顺序调了--》
    《div class="left"》Left《/div》
    《div class="main"》
        《div class="main_body"》Main《/div》
    《/div》
    《div class="right"》Right《/div》
《/body》

fixed定位margin负值，如图为啥呢么margin上左要负一半的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于fixed定位margin负值，如图为啥呢么margin上左要负一半、fixed定位margin负值，如图为啥呢么margin上左要负一半的信息别忘了在本站进行查找哦。

marginleft负值（fixed定位margin负值，如图为啥呢么margin上左要负一半）

本文编辑：admin

： marginleft负值

上一篇：定义数组里面的数字表示什么（只是定义一个数组输出的数字是什么）

下一篇：48个音标大全（48个音标大全读法）

更多文章：

javac不可映射字符（java 编译出现GBK的不可映射字符，为什么会这样，之前一直都没问题的）

各位老铁们，大家好，今天由我来为大家分享javac不可映射字符，以及java 编译出现GBK的不可映射字符，为什么会这样，之前一直都没问题的的相关问题知识，希望对大家有所帮助。如果可以帮助到大家，还望关注收藏下本站，您的支持是我们最大的动力

2025年10月3日 17:30

justified是什么意思英语（请问：justified for 是什么意思，是固定搭配吗）

大家好,今天小编来为大家解答以下的问题，关于justified是什么意思英语，请问：justified for 是什么意思，是固定搭配吗这个很多人还不知道，现在让我们一起来看看吧！本文目录请问：justified for 是什么意思，是固定

2026年7月14日 04:00

java网络编程教程（java 网络编程）

大家好，java网络编程教程相信很多的网友都不是很明白，包括java 网络编程也是一样，不过没有关系，接下来就来为大家分享关于java网络编程教程和java 网络编程的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！本文目

2026年8月4日 19:30

shell三单形式（shell命令行可由哪三部分组成）

大家好，shell三单形式相信很多的网友都不是很明白，包括shell命令行可由哪三部分组成也是一样，不过没有关系，接下来就来为大家分享关于shell三单形式和shell命令行可由哪三部分组成的一些知识点，大家可以关注收藏，免得下次来找不到哦

2026年8月20日 03:15

饿了么超时罚款规定？在饿了么买的东西超时了，该怎么办

大家好,今天小编来为大家解答以下的问题，关于饿了吗超时，饿了么超时罚款规定这个很多人还不知道，现在让我们一起来看看吧！本文目录饿了么超时罚款规定在饿了么买的东西超时了，该怎么办饿了吗骑手送餐超时骑手惩罚饿了么订单超严重超时怎么办啊饿了么严重

2025年6月18日 04:00

转笔教程圆珠笔（怎么飞圆珠笔）

各位老铁们好，相信很多人对转笔教程圆珠笔都不是特别的了解，因此呢，今天就来为大家分享下关于转笔教程圆珠笔以及怎么飞圆珠笔的问题知识，还望可以帮助大家，解决大家的一些困惑，下面一起来看看吧！本文目录怎么飞圆珠笔怎么学会简单的转笔怎么飞圆珠笔跟

2026年7月11日 09:15

security设置（惠普电脑HPClientSecurity如何设置禁止访问1394设备）

本篇文章给大家谈谈security设置，以及惠普电脑HPClientSecurity如何设置禁止访问1394设备对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了

2026年7月27日 21:00

html横向导航栏（html导航栏横向等间距）

这篇文章给大家聊聊关于html横向导航栏，以及html导航栏横向等间距对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。本文目录html导航栏横向等间距请问HTML中导航栏的二级子菜单横向排列，如何实现，本来是列排列的，网址WWW.XU

2026年1月10日 14:15

configure for the king（two for the second,four for the third,and the dou）

“configure for the king”相关信息最新大全有哪些，这是大家都非常关心的，接下来就一起看看configure for the king（two for the second,four for the third,and

2026年5月25日 14:15

大佬们，这个游戏怎么玩啊？你知道上古卷轴为什么一直被叫老滚吗直到我的膝盖中

大家好，老头滚动相信很多的网友都不是很明白，包括大佬们，这个游戏怎么玩啊也是一样，不过没有关系，接下来就来为大家分享关于老头滚动和大佬们，这个游戏怎么玩啊的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！本文目录大佬们，这

2025年5月26日 21:00

url地址前部的ftp是指（什么是“FTP://“）

这篇文章给大家聊聊关于url地址前部的ftp是指，以及什么是“FTP://“对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。本文目录什么是“FTP://“FTP是什么有些URL前部的ftp表示什么A.超文本传输协议 B.传输控制协议

2026年7月29日 23:15

关于php的参考文献书籍类（php相关的英文参考文献有哪些高分求解！！）

本篇文章给大家谈谈关于php的参考文献书籍类，以及php相关的英文参考文献有哪些高分求解！！对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。本文目录

2025年8月1日 07:15

游戏block是什么意思（游戏设置里的英文是什么意思）

大家好，关于游戏block是什么意思很多朋友都还不太明白，不过没关系，因为今天小编就来为大家分享关于游戏设置里的英文是什么意思的知识点，相信应该可以解决大家的一些困惑和问题，如果碰巧可以解决您的问题，还望关注下本站哦，希望对各位有所帮助！本

2026年9月19日 12:15

correspond名词形容词（relevant corresponding associate这个三个词都有“关联”之意，那么他们有什么区别呢）

今天给各位分享relevant corresponding associate这个三个词都有“关联”之意，那么他们有什么区别呢的知识，其中也会对relevant corresponding associate这个三个词都有“关联”之意，那么

2025年11月16日 07:15

黑猫网站查开源代码网址（黑猫搜索怎么打不开）

各位老铁们好，相信很多人对黑猫网站查开源代码网址都不是特别的了解，因此呢，今天就来为大家分享下关于黑猫网站查开源代码网址以及黑猫搜索怎么打不开的问题知识，还望可以帮助大家，解决大家的一些困惑，下面一起来看看吧！本文目录黑猫搜索怎么打不开黑猫

2025年7月12日 17:45

layer怎么读音发音英语（白色和黑色用英语怎么读）

大家好，layer怎么读音发音英语相信很多的网友都不是很明白，包括白色和黑色用英语怎么读也是一样，不过没有关系，接下来就来为大家分享关于layer怎么读音发音英语和白色和黑色用英语怎么读的一些知识点，大家可以关注收藏，免得下次来找不到哦，下

2026年3月14日 04:45

允许null值什么意思（数据库ssms允许null值为什么是非空的意思）

本篇文章给大家谈谈允许null值什么意思，以及数据库ssms允许null值为什么是非空的意思对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。本文目录数据库ssms允许null值为什么是非空的意思在sql数据库的表设计中，其中有一栏是允

2026年8月4日 23:30

multiply的短语（英语multiplier怎么翻译）

各位老铁们，大家好，今天由我来为大家分享multiply的短语，以及英语multiplier怎么翻译的相关问题知识，希望对大家有所帮助。如果可以帮助到大家，还望关注收藏下本站，您的支持是我们最大的动力，谢谢大家了哈，下面我们开始吧！本文目录

2026年2月7日 03:15

后端开发需要什么技术（软件后台开发的主要技术）

本篇文章给大家谈谈后端开发需要什么技术，以及软件后台开发的主要技术对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。本文目录软件后台开发的主要技术网站

2026年8月8日 19:15

php填空题及答案（php选择题）

大家好，php填空题及答案相信很多的网友都不是很明白，包括php选择题也是一样，不过没有关系，接下来就来为大家分享关于php填空题及答案和php选择题的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！本文目录php选择题p

2025年8月12日 18:15