为了账号安全,请及时绑定邮箱和手机立即绑定

margin讲的不对吧。

margin是一个盒子模型的外边距吧,不是两个盒子之间的距离吧。往大神解答~~

正在回答

5 回答

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

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

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

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

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

一.

http://img1.sycdn.imooc.com//58de001b0001dfbd02220122.jpg

http://img1.sycdn.imooc.com//58de001b00016adf02610252.jpg


二.1margin设定的值相同:

http://img1.sycdn.imooc.com//58de011e0001fa9802350249.jpg

http://img1.sycdn.imooc.com//58de011f0001625e03020487.jpg

2.margin的值不同:

http://img1.sycdn.imooc.com//58de018c00011e9f02850255.jpg

http://img1.sycdn.imooc.com//58de018d00015d0e03460552.jpg

不知道对你有没有帮助


8 回复 有任何疑惑可以回复我~
#1

shanghai_kunkka 提问者

谢谢你的回答,我一开始的想法和你说的一样,现在明白了,感谢~
2017-04-02 回复 有任何疑惑可以回复我~
#2

慕标5142726

两个margin值不同的解释,没有看懂,麻烦再解释一下。 我的理解:两个margin值不同,取两者较大的,仅限于两者之间的距离,不包含图中的左右边是吗?
2018-12-27 回复 有任何疑惑可以回复我~

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

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

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

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


0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

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

http://img1.sycdn.imooc.com//58ddf98000014ca901680166.jpg

5 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

margin讲的不对吧。

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信