HTML文本边距超出正文

在我的HTML中，有一个主体延伸到视口的整个高度，而在视口中有一个包含文本段落的div。我的文本有一些空白，正因为如此，它超过了正文
我觉得这真的很奇怪，因为这段文字是div的子段，也是body的子段，所以这段文字的边距超过了他的父段。有解决办法吗？（除了删除边距，因为我想保留边距）
提前谢谢


蓝色的东西实际上就是主体（因为它已在右侧的Inspector中被选中。您可以清楚地看到它没有到达页面顶部。

我的东西：

@font-face{
字体系列：“MavenPro”；
src:url（'font/MavenPro-Medium.ttf'）；
}
@字体{
字体系列：“MavenPro”；
src:url（'font/MavenPro Bold.ttf'）；
字体大小：粗体；
}
* {
框大小：边框框；
}
html，
身体{
身高：100%；
最小高度：100%；
保证金：0；
字体系列：“MavenPro”；
背景图像：url（'../images/BIER.jpeg'）；
背景色：白色；
背景尺寸：封面；
背景位置：中心；
}
p{
利润率：10px；
}
#导航{
位置：相对位置；
宽度：自动；
浮动：左；
排名：0；
填充：0；
高度：自动；
身高：100%；
}
#菜单{
列表样式类型：无；
填充：10px；
利润率：10px 5px；
显示：内联块；
框大小：边框框；
}
米特姆先生{
-webkit转换持续时间：0.2s；
背景色：#dea243；
边界半径：20px；
填充：10px；
左侧填充：15px；
右边填充：35px；
利润率：15px 5px；
字体大小：20px；
字体大小：粗体；
颜色：#ae4411；
}
.M:链接{
/*还没有css*/
}
.m:悬停{
-webkit转换持续时间：0.2s；
背景色：#d2b651；
颜色：#中交；
左侧填充：25px；
右边填充：25px；
}
.m：活动{
-webkit转换持续时间：0.1s；
左侧填充：30px；
右边填充：20px；
背景色：#ee7744；
}
答：林克，
a:参观了{
文字装饰：无；
颜色：#0025ff；
-webkit转换持续时间：0.2s；
}
a:悬停{
-webkit转换持续时间：0.2s；
颜色：#0045ff；
}
a:主动的{
-webkit转换持续时间：0.2s；
颜色：#ff4444；
}
#内容{
/*还没有css*/
}

段落

将

宽度：100%；

添加到段落元素和正文元素的CSS中

---

这将压缩正文中的段落元素。

将

宽度：100%；

添加到段落元素和正文元素的CSS中

这将压缩正文中的段落元素。

编辑/添加：

原因是您的

p

标签-它的边距设置（10px）。如果添加此项，上面的空格将消失：

p:first-of-type {
  margin-top: 0;
}

不相关的注意事项：

li

元素不应位于

a

标记内，它必须位于相反方向。

编辑/添加：

原因是您的

p

标签-它的边距设置（10px）。如果添加此项，上面的空格将消失：

p:first-of-type {
  margin-top: 0;
}

---

不相关的注释：

li

元素不应该在

a

标记中，它必须是相反的。

共享代码..共享代码..感谢您的帮助，但遗憾的是，这没有起作用，正文上方的空间变小了，但仍然没有消失。我不知道应该在哪里添加它，但我尝试将is添加到html、正文、p和#content（这是div，其中p是的子元素）

*

是通用选择器：如果您按照我写的方式编写，它对所有元素都有效。此外，如果您有“边距：0”，则不能有“正文上方的空格”在

body

和

html

上。实际上，你说的是什么还不清楚，你应该发布你真正的代码（你发布的小代码肯定不能显示你所描述的内容）请注意我的答案中的补充，它解决了这个特殊问题（“折叠边距”）谢谢，这就解决了问题。但是当我想在div中的第一个项目上留一个边距时，我该怎么办呢？谢谢你的帮助，但遗憾的是，这也不起作用，主体上方的空间变小了，但仍然没有消失。我不知道应该在哪里添加它，但我尝试将is添加到html、body、p和#content（这是p的孩子所在的div）

*

是通用的选择器：如果你像我写的那样写，它对所有元素都有效。此外，如果你在

正文和
html
上有“边距：0”，那么正文上就不能有“空格”。实际上你说的不清楚，你应该发布你真正的代码（你发布的小代码肯定无法显示你所描述的内容）请注意我的答案中的补充，它解决了这个特殊问题（“崩溃的边距”）谢谢，这就解决了问题。但是当我想在div中的第一个项目上有一个边距时，我该怎么办？将“display:inline block”添加到您的“#content”中。问题解决了。如果您需要向下移动第一个p元素，只需在它前面加一个
，并根据您的意愿自定义br的填充和边距。这里：codepen.io/shryansjain33/pen/enylladd”display：将块“内联”到您的“#内容”。问题已解决。如果您需要向下移动第一个p元素，只需在它之前提供一个
，并根据您的意愿自定义br的填充和边距。此处：codepen.io/shryansjain33/pen/ENyLrL