margin-top怪异

来源：6-8 分类页面开发(列表List模块开发)

璀璨的光

2018-11-28

图片描述
原本是想给contentlist 加个margin-top使其不要被header-top挡住，就是图中的全部分类那一栏div，但是我设置margin-top发现是这样，很奇怪，header高度是0，所以我只能设置padding-top了，老师能解释下为什么吗

写回答

2回答

吕小鸣

2018-11-28

同学你好，这个问题是由于class.header这个div的子元素都是fixed的，所以它的高度是无法被撑开，所以靠margin-top来使位置下移，同时下面的class.content-list也自动的下移动了位置。

当然，你也可以给class.header设置一个高度64px，同时class.content-list的位置就会自动排在class.header下面了就无须加margin-top了哈。

璀璨的光

提问者

2018-11-28

老师你好，我查了下资料，上下两个div外边距，比如上div的margin-bottom为20px，下div的外边距为30px，那么两个div的总体表现都是30px,我这个问题中两个div设置的都是margin-top，但是因为上边的div高度为0，所以可以看做上边div的margin-bottom，然后就是两个div的外边距重叠的问题，请问我这个想法正确吗

移动Web App开发之实战美团外卖

运用React全家桶技术，从0到1学习全面的移动 Web APP 开发技术。

389 学习 · 235 问题

查看课程

相似问题

父元素里包裹一个内联块状元素，内联块状元素设置margin-top为负值无效

回答 1

老师，为什么这里设置成37.5px

回答 1

import createHistory from 'history/createHashHistory';

回答 2

页面刷新问题

回答 1

搜索菜单弹出背景遮罩功能

回答 1

打开慕课网App查看更多内容