1回答

山河远阔ZZ

2019-03-15

同学你好，如下:

1、任何一个组成页面的元素，都可以看成一个盒子，例如：

2、设置margin，属性原本的宽高不会变大，但是占据的位置会变大，例如上方代码，两个div都设置了margin：10px；那么这两个div各自占得位置就是120px。

3、margin是外边距，设置了之后会影响布局，所以在做布局的时候，是需要通过计算盒模型的方式来计算每个块所占的宽高；

• 例如：容器的宽度是300px，里面有三个块，这三个块有外边距，让这三个块铺满整个容器，如下：

  

• 例如每个块的margin值为：10px，1个块的左右外边距就是20px，三个块的左右外边距就是60px，（300-60）/3=80，那么每个块的宽度设置为80px就可以了，参考下图：

  

自己试一试哦，如果帮助到了你，欢迎采纳。

祝学习愉快！

0