css 沮丧 - 图标字体在 IE11 中没有正确对齐，我没有想法

Question

我遇到一些 CSS 图标字体问题，只是不想与 IE11 合作。昨天我花了几个小时试图掌握它，除了巨大的挫败感之外什么也没做。今天想多花点时间，但是孩子们回家度假，我今天已经够烦了哈哈（7岁和9岁的孩子比css还要疯狂）。

具体问题是滚动到顶部的图标在 IE 中对齐不正确（不可见的 url 可以在右侧单击，但图标出现在左侧，如附件所示）

示例 URL 位于：

更复杂的是，IE 开发人员工具似乎失去了理智（所有内容都被划掉了，但仍呈现在屏幕上）：

如果超出我的业余水平的任何人都可以给我提示我哪里出错了，我将不胜感激并且你会大大提高我剩下的一天的工作效率，因为这些东西让我发疯。

谢谢！尼克

Answer 1

试试这个人

.back2top {
  float: right;
  display: inline-block;
  bottom: 20px;
}

Answer 2

我认为设置绝对位置是个好主意。尝试

.back2top {
   position: absolute;
   right: 0;
   bottom: 0;
}
.postbody1 {
   float: none;
   position: relative;
}

Answer 3

试试这个：

#wrap .back2top::before, #wrap a.top2::before {
      right:0px;
 }

您还可以添加：margin-right: 5px; 以更好地对齐。

css frustration - Icon font is not aligning correctly in IE11, I'm out of ideas