                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之margin

那个有颜色的矩形其实是外边距margin吗？

左边50%，右边50%加到一起100%，上下因为重叠所以是50%.所以那个矩形是外边距吗？只不过把它显示成带颜色的？？

清澜艾尔

2017-05-03

源自：CSS深入理解之margin 2-1

关注问题我要回答

1998

操作

收起

1 回答

hblee 回答被采纳 +3 积分
2017-05-04

不是的，那个绿色是.box的content的颜色，box里面包含了一个空div，这个空div有50%的margin，所以撑开了父元素box，空div的里面没有任何东西，margin也是无颜色的

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

收起回答

緣来

所以绿色下面的灰色是margin对吗？ 50%表示margin的高度是box的宽度的一半，那就应该是灰色部分是2:1 为什么结果是绿色是2:1

2017-11-11 回复有任何疑惑可以回复我~

jingsi1991 回复緣来

你看了后面的margin重叠就明白了

2018-08-04 回复有任何疑惑可以回复我~

0/150

提交

取消

CSS深入理解之margin

参与学习 55943 人
解答问题 66 个

本CSS教程带你深入讲解CSS的margin属性，解决你多年困惑

进入课程

本课相似问答

2 回答margin为什么不能设置块元素的上下外边距呢？？

3 回答margin: 50px 0; 为何只有上下是50px间距，左右无效果？

2 回答为什么负外边距可以让可视区域变大？想了好久都不理解

5 回答第三个盒子没有出现margin-top重叠问题，请问是修复了吗？

2 回答关于margin-bottom实现下方留白的效果

搜索更多本课相关问答

那个有颜色的矩形其实是外边距margin吗？

我要回答关注问题

热搜

最近搜索清空

那个有颜色的矩形其实是外边距margin吗？

1 回答

本课相似问答

那个有颜色的矩形其实是外边距margin吗？