css中外边距为负值盒子移动问题？？？

各位资深大佬们，小白想请教一个问题，css盒子模型中说当指定外边距（margin）为负值时
，**整个盒子将向指定负值方向的相反方向移动**，以此产生盒子重叠效果。为什么是相反方向啊？如果我定义margin-top：-15px；难道盒子向下移动？？？，正常来说，如果是
margin-top：15px；这时不是盒子向下移动吗？？？
（不知道我表达清楚了没=^=）

写回答
好问题 0 提建议
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

1条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
天际的海浪 2018-10-03 23:37
关注
对啊，正常为正值margin-top：15px时盒子是向下移动。为负值margin-top：-15px时移动方向则与正值时相反，也就是向上移动啊
你自己写个例子对比一下不就知道了

<!doctype html> <html> <head> <meta charset="utf-8"> </head> <body style="padding-top: 50px;"> <div style="float: left; margin-top: 15px; background: #999">margin-top：15px</div> <div style="float: left; margin-top: 0px; background: #999">margin-top：0px</div> <div style="float: left; margin-top: -15px; background: #999">margin-top：-15px</div> </body> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报
编辑

预览
轻敲空格完成输入
显示为

卡片

标题

链接
评论

按下Enter换行，Ctrl+Enter发表内容

编辑

预览

报告相同问题？

关注问题

第五章 css盒模型
2024-10-13 08:49

含情沐沐的博客示例父盒子：无定位子盒子1：无定位的盒子静态定位的盒子子盒子2：无定位的盒子
五、CSS盒模型
2024-10-12 02:12

伏飞而行的博客 css盒模型的相关知识的讲解及应用
第五章CSS盒模型
2024-10-11 11:25

花海少爷的博客 5.3.2.2 块级元素外边距合并块级元素的盒子相遇，盒子和盒子之间的距离等于两个盒子中外边距的较大者 5.3.3 内边距设置元素的内边距用来控制边框和内容区之间的空白距离，并非实体，用padding 属性麦示，类似于...
第五章 CSS盒模型
2024-10-12 13:16

W0500的博客 Web页面上大部分的元素(特别是块状元素)都可以看作...盒子的结构可以看作一个矩形框，包括边框(border)、外边距(margin)、内边距(padding)，以及元素内容(content)，元素会在指定的高度和宽度范围内在页面上显示出来。
【CSS】尺寸和边框、盒子模型、外边距_02
2022-10-10 02:47

儒雅的烤地瓜的博客所有元素皆为框，所有元素在页面上都占据空间，默认情况元素本身的空间，不能被其它元素占据
没有解决我的问题, 去提问

css中外边距为负值盒子移动问题？？？

1条回答 默认 最新

1条回答默认最新