margintop为负值（margin设为负值究竟是什么意思）

：暂无数据 2026-04-28 12:20:02 ：0

我们注意到，那些在margintop为负值上表现突出的人，往往都对margin设为负值究竟是什么意思有独到的见解。这并非巧合。

本文目录

margin设为负值究竟是什么意思
css的margin为负值的时候为什么列表的第一行也会向上移动
css中关于margin-top为负值，为什么没有上移
css中 margin-top 的负值是什么意思其他的left/ right/ botttom 有负值吗
css 负边距

margin设为负值究竟是什么意思

就是设置了你的外边距为负值。
margin-top:-10px; 盒子向上移10**margin-top:10px; 盒子向下移10**；margin-top:0; 盒子不移动

css的margin为负值的时候为什么列表的第一行也会向上移动

其实你把ul和li都加上背景色就能看出端倪来的：

如果li的margin-top是正值（为了看得明白些，我用的是10px），是这样的：

红色部分是ul，蓝色则是li，最上面的黄色部分则是第一个li的margin-top（也就是10px），它是凸出在ul的外面的，这也就是说，如果margin-top是正值，则第一个li的位置会保持不变，从第二个li开始才是逐渐向下拉伸的（值得一提的是：如果li的margin-top大于ul的margin-top，则ul会以li的margin-top作为基准向下推，这时候第一个li就不会保持位置不变了）。

而当li的margin-top是负值时（比方说-10px），情况就不是这样了，第一个li会向上移动10px，而第二个li则移动20px，依此类推，连带着整个ul也会向上移动10px。

css中关于margin-top为负值，为什么没有上移

原则上，行内元素（inline）是不能够设置宽高（width/height）、上下内边距（padding-top/padding-bottom）和上下外边距（margin-top/margin-bottom），因为同一行的所有行内元素在纵向的位置是一个整体，设置其中某个元素的上下边距，则整行都会跟随变化，当超出边框范围时（比如margin-top设为负值）则无效（除非行内的所有元素都设为同样的数值）。
当然，行内块级元素（inline-block）是可以设置宽高（width/height）的，但在上下边距的问题上仍然遵循行内元素的原则。
如果把display改为block，你会发现设为margin-top:-100px的box1立刻就上移了。

css中 margin-top 的负值是什么意思其他的left/ right/ botttom 有负值吗

前面回答的几位都对了，为负值时就是相对现在的位置往上移290象素，left/right等可以有负值，道理相同
不过就上面这段css代码来说
一般情况下不需要用margin和position两种定位，基本上用一个就能定位成功
当然具体还要视您遇到的情况而定

css 负边距

可以通过负值的margin来抵消掉padding的影响
*****：负值
当给一个元素设置margin 负值（top/left）,该元素将在该方向上产生位移。例如：
/* 元素向上位移10px */

.demo {margin-top:-10px;}

二、当给一个元素设置margin负值（bottom/right）,这个元素并不会像你所预想的产生位移，而是将任何紧随其后的元素“拉”过来，覆盖在自己的上边。例如：

/* 所有紧随元素demo之后的元素向上位移10px */

.demo {margin-bottom:-10px;}

注：如果元素没有设置宽度，那么给该元素设置margin负值(left/right)将会在两个方向增大其宽度，看起来就好像给该元素添加了padding
*****正值

希望这篇关于margintop为负值的解读，特别是对margin设为负值究竟是什么意思的聚焦，能让你有所顿悟，而不仅仅是信息堆积。

本文编辑：admin

： margintop为负值

上一篇：java安装环境（ubuntu安装Java开发环境）

下一篇：php二次开发培训（php二次开发！学习Joomla!好吗请问如何进一步学习Joomla!，请问大家的观点！我没学过2次开发，如何学习）