试图将两个按钮放在父div的左侧和右侧

Question

我正在使用owl carousel 2插件，我在尝试将prev和next按钮放在滚动条的右侧和左侧时遇到问题。我正在使用navContainer参数，允许我使用自定义导航控制器。

当前的navContainer如下所示：

#customNav {
  position:absolute;
  top: 0px;
}

#customNav .owl-prev {
  top: 55px;
  left: -20px;
}
#customNav .owl-next {
  top: 55px;
  right: -20px;
}

我正在尝试将左侧控制器放在旋转木马的左侧，将下一个控制器放在右侧。

以下是jsfiddle

中的当前代码

知道我错过了什么吗？ navController容器应该是相对的吗？

Answer 1

花了我一些时间，但我修好了。

这是demo。

这就是诀窍：

#customNav {
    position:absolute;
    top: 0px;
    left:0px;
    right:0px;
}

#customNav .owl-prev {
    float:left;
    margin-left: 0.9375rem;
}
#customNav .owl-next {
    float:right;
    margin-right: 0.9375rem;
}