问答详情
源自:12-13 距离产生美 - 使用margin为盒子设置外边距(边界)

关于盒子模型margin的问题

在#div1{margin:30px}和#div2{margin:30px}中为什么两个盒子的上下高度相差不是60px而是30px

提问者:慕桂英7937985 2018-05-29 13:19

个回答

  • 慕运维0036432
    2018-05-29 23:57:55

    应该是默认吧,两个盒子值都设置30px间距,所以应该是间距重叠了,只计算两个盒子之间的距离,中间如果加一个水平线,那么就是都以水平线为中心来各自管自己外边距,但是如果单纯是两个盒子,不管设置一个盒子还是两个盒子,系统会只算两个盒子之间的距离,第一个盒子到第二个盒子你可以试一下,在任意一个盒子上设置更大的值,比如40px,只是在原基础的上面+了10px,个人是这么觉得,大神可以继续指点。

  • 再见不见sid
    2018-05-29 13:57:19

    你描述问题不够详细