Safari css问题（负边际？）

Question

我在Safari中有这个问题：

我也创建了一个小提琴https://jsfiddle.net/hbadvb02/6/来玩这个。

它适用于Edge，IE，Chrome和Firefox ......我真的不明白。 这非常令人沮丧。

我试图使用-webkit-transform: translate3d(0, 0, 0); 但没什么。

Answer 1

问题出在这里：

.zchead {
  margin-left: -1px;
  margin-top: -26px;
  height: 32px;
  width: @zc-width - 1px;
  line-height: 26px;
  background: @zc-background;
  padding: 2px 7px;
  cursor: pointer;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  position: fixed;
}

尝试删除固定位置，它应该工作（未测试）