css - 固定位置在某些浏览器中无法按预期工作

Question

我在页面的左下角有一个小的“反馈”按钮。它用 fixed 定位。

但是在某些浏览器(主要是旧版本的 webkit)上，它并没有按预期显示在页面底部。

这里是一些屏幕截图(错误在 XP chrome 25、Win 8 firefox 18、Win 7 firefox 3.6 等上可见): http://www.browserstack.com/screenshots/0d783c572a3da30c4ad2482b86cdce92dcf0788b

我该如何解决这个错误行为？

我对粘性页脚等过于复杂的解决方案不感兴趣，因为即使按钮​​隐藏了一些文本也不是问题。

CSS:

#support {
  position: fixed;
  left: 20px;
  bottom: 0;
}

#support a {
  display: block;
  padding: 5px 10px;
  ...
}

许多其他嵌套 div 中的 HTML:

<div id="support"><a href="#">…</a></div>

Answer 1

这是一个与截图方式有关的问题。代码正确，按钮在所有浏览器中的位置都正确。