这个上边距真的不懂

代码中的content和header的上边距都设置为25px

也就是 margin:25px

这个上边距到底指的是到哪里的距离？

如果header和content都距离页面最上方有25px的距离，不应该是重合的吗

一娆Hacker 2021-02-01

源自：前端企业门户网站案例 3-1 banner区制作

23

收起

2回答

好帮手慕小脸 2021-02-01 18:12:09

同学你好，

1、这里的上边距是指与浏览器顶部的距离

2、会重合，但不会冲突的

3、同学箭头标志两处并不能准确查看距离，建议同学通过快捷键F12调用浏览器的控制台来查看当前的样式

其次根据调试查看会发现，content和 header 之间的距离是没有拉开，这是因为header的高度是0px；

假如给header设置了宽度，同学就可以看出content和header的间距来了，就是图中的蓝色部分就分别是25px：

现在由于header的高度是0px，则context就距离顶部25px了：

祝学习愉快~

提问者一娆Hacker #1

老师 header不应该是logo那张图片吗
为什么header没有高度

header不应该是被这张图片撑起高度吗

2021-02-03 11:38:16
好帮手慕小脸回复提问者一娆Hacker #2

同学你好，header不能被撑开自适应高度，是因为logo设置浮动脱离了标准文档流，从而导致header的高度会塌陷，这里同学可尝试将浮动去掉，如下：

祝学习愉快~

2021-02-03 11:55:01
提问者一娆Hacker 回复好帮手慕小脸 #3

老师，明白了。正常header和content是两个div，所有header的margin是距离浏览器的距离，而content的margin是距离上一共个div的距离，应该是距离header的距离，但是因为header没有高度，所以contend的margin和header的margin都距离浏览器顶端的距离，因为设置了float造成了header的塌陷，如果，header没有塌陷，则content的margin会就距离header的距离，

老师您看我理解的对吗

2021-02-04 10:16:29

点开查看后面1条评论

一娆Hacker 提问者 2021-02-01 16:39:39

百度说margin 当只有一个div的时候指的是div与浏览器最上面的边距

当有多个div的时候 margin指的是与上一个div的上边距离

可是都设置成25px 第二个div和第一个div的距离和第一个与页面最上边的距离明显不一样啊

相似问题

设置content内上边距100px和设置top外上边距100px不是一样吗？

老师，我的外边距没有合并，按理来说两个div的距离不应该是10px么？但是我的是20px，为什么呀

为什么这添加了内边距会变成这样子

我写了超出部分隐藏后为啥两个盒子文字距离上面会多出20px呢

在设置外边距的时候，什么时候是合并的？

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

java工程师2020版

参与学习人
提交作业 9400 份
解答问题 16556 个

综合就业常年第一，编程排行常年霸榜，无需脱产即可学习，北上广深月薪过万无论你是未就业的学生还是想转行的在职人员，不需要基础，只要你有梦想，想高薪

本课精华内容

问答作业

安装了MySQL 之后有时候自己会跳出来个黑窗口是为什么呢？

80 1

什么时候用List中的ArrayList呢，什么时候用HashSet，什么时候应该用HashMap

81 1

创建字符串的过程理解

62 1

如何干净的卸载数据库

135 1

请教一下没太懂

48 3

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载