我的html文件中包含以下脚本：
<template name="SideNav">
<header>Lammah</header>
<body>
dd
</body>
<div class="nav">
<a href="#"><i class="fa fa-user-circle"></i></a>
<a href="#"><i class="fa fa-upload"></i></a>
<a href="#"><i class="fa fa-eye"></i></a>
<a href="#"><i class="fa fa-search"></i></a>
</div>
</template>
下面是.css文件：
.nav {
border-radius: 5px 5px 0px 0px;
overflow: hidden;
background-color: #b7b7e5;
position: fixed;
bottom: 0;
width: 100%;
}
.nav a {
float: left;
width: 25%;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
a:hover{
background-color: #A3A3CC;
}
当我运行html文件时，nav类不是从屏幕的开头开始，如下图所示，左侧有一小块空白：the result
是什么导致nav类无法从屏幕的开头（左下）开始？
默认边距和填充仍然存在。您需要确保父元素的边距和填充设置为0。例如，您要基于上述代码设置的第一个css元素将是：
template {
margin: 0;
padding: 0;
}
尝试这个
margin: 0 !important;
当我运行html文件时，导航类不是从屏幕开头开始的，而是
这是因为默认情况下client/main.css包含以下几行：
body {
padding: 10px;
font-family: sans-serif;
}
您应该删除它以便删除空白。
此外，您的模板上还添加了一些内容：
head和body仅应位于您的client/main.html中，而主体内容将使用模板进行渲染。这是因为Blaze专注于开发单页应用程序。
所以您的代码client/main.html可能类似于以下内容：
<header>
<title>Lammah</title>
</header>
<body>
{{> SideNav }}
</body>
<template name="SideNav">
<div class="nav">
<a href="#"><i class="fa fa-user-circle"></i></a>
<a href="#"><i class="fa fa-upload"></i></a>
<a href="#"><i class="fa fa-eye"></i></a>
<a href="#"><i class="fa fa-search"></i></a>
</div>
</template>