链接增加了一个页边距，即使我试图删除页边距也是如此。

Question

箭头是一个链接，即使我去掉了margin，像这样：margin:0;它还是会让那个空格。我知道它是链接，因为我把它删除了看。这是链接的代码。

<a href="#desc" class="bottombutton"><i class="fas fa-angle-double-down" style="font-size:36px;" id="downbtn"></i></a>

这是我的CSS

#downbtn{
  position:relative;
  bottom:45px;
  color:white;
  left:50%;
  margin:0;
  padding:0
  transform:translate(-50%,-50%);
}

我是不是缺少了什么东西来删除空白？

Answer 1

让这个元素 absolute，使其 inline-block 并改变 translate 到 translateX. 不要忘了... position: relative; 在父母身上（你可能已经知道）。

#downbtn {
  position: absolute;
  display: inline-block;
  bottom: 45px;
  color: white;
  left: 50%;
  margin: 0;
  padding: 0; 
  transform: translateX(-50%);
}