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

Question

我正在使用 owl carousel 2 插件，但在尝试将上一个和下一个按钮放置在滚动条的右侧和左侧时遇到问题。我正在使用 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;
}

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

trying to position two buttons to the left and right of a parent div

html

css

owl-carousel