Html 显示身体的弹性

这是我的代码，我有一些问题，因为main在标题下，在我看来它不应该：）我不知道为什么main在标题下而不是在列中的ony下？我不知道怎么解决这个问题？我想做flexbox SPA

谁能帮我看看我做错了什么？因为我试图自己解决它，但没能成功

最好的

*{
填充：0；
保证金：0；
框大小：边框框；
}
身体{
身高：100%；
显示器：flex；
弯曲方向：立柱；
证明内容：之间的空间；
}
.主标题{
宽度：100%；
位置：固定；
排名：0；
左：0；
显示器：flex；
背景：0dfd8d；
对齐项目：居中；
证明内容：周围的空间；
柔性流：行换行；
}
.main-header__标志{
文字装饰：无；
}
.main-header___标志img{
身高：7雷姆；
垂直对齐：中间对齐；
}
.main-header\u项目{
列表样式：无；
保证金：0；
显示器：flex；
证明内容：柔性端；
}
.main-header\u项目{
保证金：1rem；
}
.main-header\u项目a{
文字装饰：无；
颜色：黑色；
}

文件





杰斯特姆！皮萨尼奥·阿尔蒂库·沃夫！德拉特戈·杰利·苏卡斯（Dlatego jeżli szukasz specjalistki）与皮萨尼亚（dziedzinie pisania）艺术学院（artykułw tematyce）
zakładów bukmacherskich，typów bukmacherskich i kasyn在线给nie musisz szukaćdalej bo właśnie jąznalazśeś！

普尔兹克·阿多维·阿蒂库
伊米
纳兹维斯科
电子邮件
维阿多莫维奇

因为您给出了

位置：固定到您的
.main标题
。您需要将
padding top
作为
主标题的高度提供给主体

当您将
位置：固定
给元素时。

元素从正常文档流中删除，并且不保留任何空间
为页面布局中的元素创建。它是相对定位的
到视口建立的初始包含块


*{
填充：0；
保证金：0；
框大小：边框框；
}
身体{
身高：100%；
显示器：flex；
弯曲方向：立柱；
证明内容：之间的空间；
填充顶部：51px；
}
.主标题{
宽度：100%；
位置：固定；
排名：0；
左：0；
显示器：flex；
背景：0dfd8d；
对齐项目：居中；
证明内容：周围的空间；
柔性流：行换行；
}
.main-header__标志{
文字装饰：无；
}
.main-header___标志img{
身高：7雷姆；
垂直对齐：中间对齐；
}
.main-header\u项目{
列表样式：无；
保证金：0；
显示器：flex；
证明内容：柔性端；
}
.main-header\u项目{
保证金：1rem；
}
.main-header\u项目a{
文字装饰：无；
颜色：黑色；
}

文件





杰斯特姆！皮萨尼奥·阿尔蒂库·沃夫！德拉特戈·杰利·苏卡斯（Dlatego jeżli szukasz specjalistki）与皮萨尼亚（dziedzinie pisania）艺术学院（artykułw tematyce）
zakładów bukmacherskich，typów bukmacherskich i kasyn在线给nie musisz szukaćdalej bo właśnie jąznalazśeś！

普尔兹克·阿多维·阿蒂库
伊米
纳兹维斯科
电子邮件
维阿多莫维奇