Html “负保证金”；包装；？

我目前正在网站上工作。左箭头应位于与右箭头相同的位置。当尝试镜像我对左箭头所做的相同操作时，当我执行

margin left:-75px时，它似乎会将其“包装”到顶部

它过去很管用，后来我把事情搞砸了

按钮：

<div class="controls">
<a class="back" href="?page=<?php echo($_SESSION['page']-1) ?>"><i class="fui-arrow-left"></i></a>
<a class="next" style="float: right; margin-right: -75px;" href="?page=<?php echo($_SESSION['page']+1) ?>"><i class="fui-arrow-right"></i></a>
</div>

右箭头具有该属性

margin-right: -75px;

当您为左箭头添加相同的值时，它会将div拉伸得太远，如果您将值调整得更低，它应该会起作用

.back {
    margin-left: -50px;
}

.next {
    margin-right: -50px;
}

看到html代码后，我发现您的站点存在一些问题：

我已经看到了上面10个名为“item”的id属性，对于同一个id，它不是每页只出现一次吗
HTML构造函数不适合。Float not closed关于类属性“container”，你会发现div.controls有940 x 705px
也许你可以使用css位置（比如绝对/固定）来让箭头位置正确。（如果我们能让它变得容易，为什么还要做更多的事情来迷惑你自己呢）
第一个答案似乎不正确……（我的意思是将边距设置为-50px不起作用）
你能把你的代码放在一把小提琴上吗？
.back {
    margin-left: -50px;
}

.next {
    margin-right: -50px;
}