既然header已经塌陷，那里面的margin属性还有什么用呢？是不是多余的？

我试了，取消margin属性后，只是上面那一栏左移了，为什么上下高度不会变，不是有个25px吗？去掉之后，应该要上移啊。

请老师解释一下。

基度山伯爵_岩 2019-07-08

源自：前端油画商城案例 3-1 banner区制作

3

收起

1回答

好帮手慕柯南回答被采纳获得+3积分 2019-07-08 17:20:11

同学你好！

首先margin是指外边距并不是指div的高度，没有去掉margin之前，还是可以看到margin的，不过由于塌陷和想象中有点差异，上下边距重合了

去掉margin之后，已经看不到上下边距
由于header高度陷了，所以它在垂直方向的不会影响到子元素，（注意是高度塌陷，不是宽度，所以auto还是会应用的）
使用margin是为了其他布局的样式相同，同时可是为了使页面元素居中。

如果我的回答解决了你的疑惑，请采纳，祝学习愉快~

基度山伯爵_岩提问者 #1

那张图片左上角的点，是与header（高度坍陷，此时为一条长1200的线段）的左端点重合了吗？auto属性是用来实现左右外边距相等的吗？

2019-07-08 17:37:38
好帮手慕柯南回复提问者基度山伯爵_岩 #2

同学可以这么理解。加油，祝学习愉快~

2019-07-08 17:48:06
基度山伯爵_岩提问者回复好帮手慕柯南 #3

老师，还有一个问题：去掉header里的margin属性后，header上下左右的外边距应该就都是0了，那为什么图片的左上角没有对齐浏览器的左上角呢？左边是对齐了，但是上面没有对齐，怎么回事呢？上面为什么还是有25px呢？

2019-07-08 17:51:28

点开查看后面3条评论

相似问题

当我把代码的p选择器换成div,为什么margin又重新塌陷了的?

关于浮动使用后父元素塌陷和居中问题

这里item没有设置float，为什么会发生高度塌陷？

为什么这里的banner背景要设置高度才不会塌陷

老师我想请问下当div为0的盒子踹边问题

登录后可查看更多问答，登录/注册

2. 从网页搭建入门JavaWeb

参与学习人
提交作业 676 份
解答问题 9666 个

本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！

本课精华内容

问答作业

4-3个人程序源码，提供给各位参考！

63 1

2-4 编程练习

22 1

text-align和direction有什么区别

13 1

交作业交作业交作业

225 2

是不是只有在JS语言中局部变量的定义才可以放在else语句中

24 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载