关于边框的选择问题
来源：3-5 编程练习
weixin_慕数据1559209
2020-06-15 10:16:11
老师您好，我对这个练习题有几点疑惑：
1、请问这个外边框是如何定义的？以这个练习题为例，top盒子只能修改黄色，使用了margin-left指令后，黄色相对于蓝色的指令是居中显示，说明这里的外边框距离是黄色盒子的左边与蓝色盒子的左边之间的距离，但是同样在top这个盒子中，使用margin-top指令之后，两个盒子的上边框依然重合，并没有分开，请问这是什么原因呢？
2、请问内容这个模块如何定义，刚才的课程中老师是用一段话作为例子，这个比较好理解，但是在这个练习题中，只有背景，没有像文字、图片这种可以称之为内容的模块，那么这时使用padding指令，调整的是什么的尺寸呢？
在这个练习题中，content盒子包括了黄色和蓝色，通过在其内部使用padding方法，从结果来讲系统是默认将黄色盒子看作内容模块，也就是黄色盒子和蓝色盒子边框的距离就是padding的距离了，但我还是有点不能理解，麻烦老师解答一下
写回答
1回答
-
好帮手慕笑蓉
2020-06-15
同学，你好。
1、这是属于css中的margin-top塌陷问题，在标准文档流中，竖直方向的margin会出现叠加现象，而水平方向不会塌陷，如果两个margin紧挨着，中间没有border或者padding，margin直接接触，就产生了合并，可以父级加上overflow: hidden;，如：
2、相对于蓝色div，黄色的div即为内容部分，即被蓝色div包裹起来的元素都可以称作它的内容部分。
如果解决了你的疑惑，请采纳，祝学习愉快～
0
相似问题