html - 试图将两个按钮定位到父 div 的左侧和右侧

Question

我正在使用 owl carousel 2插件，我在尝试将上一个和下一个按钮放置在滚动条的右侧和左侧时遇到问题。我使用 navContainer 参数允许我使用自定义导航 Controller 。

当前的 navContainer 看起来像这样:

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

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

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

这是我在 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;
}