front_endxiaobaia 2018-10-04 03:31 采纳率: 71.4%
浏览 1111
已采纳

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

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

  • 写回答

1条回答 默认 最新

  • 天际的海浪 2018-10-04 07: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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

悬赏问题

  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面，不要作在线的，要离线状态。
  • ¥30 c#打开word开启修订并实时显示批注
  • ¥15 如何解决ldsc的这条报错/index error
  • ¥15 VS2022+WDK驱动开发环境
  • ¥30 关于#java#的问题，请各位专家解答！
  • ¥30 vue+element根据数据循环生成多个table，如何实现最后一列 平均分合并
  • ¥20 pcf8563时钟芯片不启振
  • ¥20 pip2.40更新pip2.43时报错
  • ¥15 换yum源但仍然用不了httpd
  • ¥50 C# 使用DEVMOD设置打印机首选项