5回答

• 

  Technical_Long

  2017-03-31 15:13:47

  已采纳

  讲的不太准确，视屏中讲的是一种特殊情况，就是两个盒子的margin值都是相同的。

  margin是盒子的外边距，表示盒子外面的空白区域。margin显示的是这个元素与浏览器窗口或者与另一个元素之间的空白区域。

  第一种情况：盒子和浏览器之间。这种情况好理解。

  第二种情况：两个相邻盒子（元素）之间。我认为你的理解是：有两个相邻的盒子都设定了margin的值，那么这两个盒子之间的距离就是两个margin值的和。（不知道我猜的对不对）你的理解是错误的。两个相邻的盒子都设定了margin，那么这两个盒子之间的距离就是取两个margin值较大的。

  给你看看两个例子：分别代表上述两种情况。

  一.

  

  

  
  

  二.1margin设定的值相同：

  

  

  2.margin的值不同：
  

  

  

  不知道对你有没有帮助

  
  

  2 8

  慕标5142...

  两个margin值不同的解释，没有看懂，麻烦再解释一下。 我的理解：两个margin值不同，取两者较大的，仅限于两者之间的距离，不包含图中的左右边是吗？

  2018-12-27 22:05:41

  共 2 条回复 >

• 

  慕函数8443689

  2020-06-03 19:44:58

  不是大神，说说我的理解，margin是一个盒子的组成部分，div是一个块级元素，在显示器里独占一行，具体到你设计盒子的距离时候那就是另外一说了，这要看你怎么设计，margin设计的时候可以成为两个盒子的距离，但它本身是这个盒子模型的一个属性。

  第一种情况：盒子和浏览器之间。这种情况好理解。

  第二种情况：两个相邻盒子（元素）之间。我认为你的理解是：有两个相邻的盒子都设定了margin的值，那么这两个盒子之间的距离就是两个margin值的和。（不知道我猜的对不对）你的理解是错误的。两个相邻的盒子都设定了margin，那么这两个盒子之间的距离就是取两个margin值较大的。

  给你看看两个例子：分别代表上述两种情况。

  
  

  0 0
• 

  慕函数1487353

  2020-02-25 17:27:41

  进阶，可以看 《精通CSS》有详细讲解

  0 0
• 

  YJames2011

  2017-03-31 14:39:04

  没有问题，他只是用月饼盒做例子给你讲解。margin就是当前的这个元素的外边距。也就是他与外层元素之间的距离，当然也要考虑外层元素的padding大小。

  

  0 5
• 

  qq_孤独成瘾_2

  2017-03-31 14:36:04

  不是大神，说说我的理解，margin是一个盒子的组成部分，div是一个块级元素，在显示器里独占一行，具体到你设计盒子的距离时候那就是另外一说了，这要看你怎么设计，margin设计的时候可以成为两个盒子的距离，但它本身是这个盒子模型的一个属性。

  0 0