位置：固定不在Safari中工作

Question

基本上我有一个需要固定在页面底部的栏。它适用于Chrome，Firefox和IE，但在Safari中，栏会滚动页面。我使用的CSS是：

＆＃13;

＆＃13;

.footer-bar {
  bottom:0;
  position:fixed;
  width:100%;
  z-index:10;
}

＆＃13;

＆＃13;

＆＃13;

我真的不确定它为什么不起作用。有什么想法吗？

Answer 1

考虑分配height属性。

http://jsfiddle.net/ymbrafda/

.footer-bar {
  position: fixed;
  bottom:0;
  width:100%;
  height: 100px;
  z-index:10;
  background-color: red;
}