Html 为什么填充底部不能将元素向上移动？

我试着把屏幕右下角的橙色加号向上移动，这样它就更靠近其他图标了，就在它们的正下方。填充底部不起作用，但填充顶部起作用。我认为上面的元素一定有很多填充，这使得它不能向上移动更多，但是inspector工具显示它们之间有空间

我很难知道这里发生了什么，因为我的导师写了这段代码，因此我不知道它是如何构造的。我对Html/Css也很陌生，不过到目前为止，填充底部并没有让我失望

下面是组成第二个表的部分视图代码。橙色加号图标位于桌子末端标记的最底部：

@model IEnumerable<JobPlacementDashboard.Models.JPOutsideNetworking>

}
<table class="table">
    <tr>
        <th class="sort-button-style table-headers fixed">
            <a onclick="sortPartial('@ViewBag.NameSortParm')">Name</a>
        </th>
        <th class="sort-button-style table-headers fixed">
            <a onclick="sortPartial('@ViewBag.PositionSortParm')">Position</a>
        </th>
        <th class="sort-button-style table-headers fixed ">
            <a onclick="sortPartial('@ViewBag.CompanySortParm')">Company</a>
        </th>
        <th class="sort-button-style table-headers fixed">
            <label class="network-label networkingheader">LinkedIn</label>
        </th>
        <th class="sort-button-style table-headers fixed">
            <a onclick="sortPartial('@ViewBag.LocationSortParm')">Location</a>
        </th>
        <th class="sort-button-style table-headers fixed">
            <label class="network-label networkingheader">Email</label>
        </th>
        <th class="sort-button-style table-headers fixed">
            <a onclick="sortPartial('@ViewBag.StackSortParm')">Stack</a>
        </th>
        <th></th>
    </tr>

    @foreach (var item in Model)
    {
        <tr class="text-center">
            <td>
                @Html.DisplayFor(modelItem => item.Name)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Position)
            </td>
            <td>
                <a href="http://@Html.ExternalLink(item.CompanyURL)" target="_blank">@Html.DisplayFor(modelItem => item.Company)</a>
            </td>
            <td>
                <a href="http://@Html.ExternalLink(item.LinkedIn)" target="_blank">LinkedIn</a>
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Location)
            </td>
            <td>
                <a href="mailto:@Html.ExternalLink(item.Contact)" target="_blank">@Html.DisplayFor(modelItem => item.Contact)</a>
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Stack)
            </td>
            <td class="font20">
                @if (User.IsInRole("Admin"))
                {
                    @Html.ActionLink(HttpUtility.HtmlDecode("&#x270E;"), "Edit", new { id = item.OutsideNetworkingID })
                    <span>|</span>
                    @Html.ActionLink(HttpUtility.HtmlDecode("&#x1F5D1;"), "Delete", new { id = item.OutsideNetworkingID })
                }
            </td>
        </tr>
    }
</table>

@if (User.IsInRole("Admin"))
{

    <div class="createnewplus">
        @Html.ActionLink(HttpUtility.HtmlDecode("&#x2b;"), "Create")
    </div>

}

左边距是因为当它需要位于其他图标下时，它会自动显示在最左边的学生姓名下

如果有人知道为什么在这种情况下填充底部不起作用，我将非常感激。如果这是一个令人痛苦的愚蠢问题，我道歉；如果你需要更多的细节来告诉我发生了什么，请告诉我

---

编辑：填充底部当前不在css中，因为我将其取出，因为它没有做任何操作。

填充底部将在createnewplus div下方创建空间填充，因此将其后面的任何内容移动到页面的更下方。createnewplus div似乎是页面上的最后一个元素，因此在添加底部填充时没有任何变化

---

您需要找到负责每个表后面的填充/边距的css。降低它会将图标向上移动。

因为这是一个CSS问题，我们需要呈现的HTML和CSS。最好是a。谢谢。我现在正在做这件事。对于所有阅读这篇文章的人，请暂时忽略我的问题。我试图隔离问题，以便向您展示一些更简洁的代码；但这需要我一段时间。谢谢你的耐心！非常感谢。我把它改成了一个负边距的顶部，而不是填充底部，它成功了！我现在明白了，填充只有在我想要移动的方向上有一个元素时才起作用。谢谢你的帮助

.createnewplus  {
font-size:30px;
font-weight:800;
margin-left:1075px;

}