如何调整边距使用css和引导创建仪表板

我正在创建一个带有引导功能的管理仪表板，但是我无法使侧边栏和主面板的边距正常工作。在

.css

文件中对页边距进行硬编码是否与通常的方式相同？例如，一旦我有了顶部栏，我是否应该使用顶部栏高度值作为左侧边栏的

边距顶部

我这样问的原因是，如果我

边距顶部
主面板具有相同的值（这是合理的），侧边栏也会下降更多。另外，我不知道如何设置主面板左侧的边距。造型让人疯狂

这是我刚才说的一张照片。


。侧栏{
位置：绝对位置；
身高：100%；
利润上限：55.6px；
}
.选项容器{
利润上限：56px；
左边距：780px；
}

添加玩家
添加团队
增加竞争
添加裁判
添加体育场
球员
{{player.id}{{player.name}
好的，你有很多工作要做来重建它，因为有一些问题，你没有给我所有的样式，所以我自己做了：


*{
填充：0px；
边际：0px；
}
.侧边栏{
高度：100vh；
显示：内联块；
浮动：左；
背景：绿色；
填充：20px；
右边距：20px；
宽度：20%；
}
.选项容器{
宽度：72%；
显示：内联块；
边缘顶部：20px；
}
.选择权{
显示：内联块；
右边距：10px；
}
.卡片{
背景：黄色；
填充：10px 20px；
边界半径：20px；
}
.卡h4{
线高：20px；
字体大小：16px；
边际：0px；
}

添加玩家
添加团队
增加竞争
添加裁判
添加体育场
球员
{{player.id}{{player.name}
添加你的css代码，否则我们帮不上忙。@DanielVickers你说得对，我想问一下人们是否经常这样做就足够了。我刚刚用代码更新了问题；）谢谢你，丹尼尔！我需要在css方面做得更好。我看到保持我所寻找的顺序的是
display:inline块
属性。我不知道如何使用它。