Css 如何使我的页面内容停止使用页面正文填充

我正在构建非常简单的界面，类似Slack。但在执行此操作时，左侧导航从主体中生成一些填充，而我将填充设置为零和边距

.app{
显示器：flex；
弯曲方向：行；
保证金：0；
填充：0；
}
.左导航{
边框：1px纯黑；
高度：100vh；
填充：20px；
保证金：0；
}
梅因先生{
填充：10px；
}

左导航
主要内容

第一条规则就是你所需要的。它会将所有内容重置为0边距和填充。因此，您可以轻松地自己更改它们，而不会有任何问题

*{
填充：0；
保证金：0；
}
.app{
显示器：flex；
弯曲方向：行；
保证金：0；
填充：0；
}
.左导航{
边框：1px纯黑；
高度：100vh；
填充：20px；
保证金：0；
}
梅因先生{
填充：10px；
}

左导航
主要内容

我不知道您期望的是什么，但我认为这些css是默认的。我的意思是空格不是应用程序的填充或边距，而是

和

标记之间的边距

身体{ 显示：块； 利润率：8px； }

---

您的预期输出是什么样的？：）要使左侧导航和主要内容粘贴到正文中，且不留任何边距

.main{padding:0；}

和

.leftNav{padding:0；}