CSS位置在一切之上

Question

我有一个fab-menu，我想让它在数据表按钮的顶部看截图（相对位置）：

CSS：

.fab-menu {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 999;
}

我已经尝试过绝对位置，但是fab-menu按钮放错了位置。见截图（绝对位置）：

数据表滚动包的CSS：

.datatable-scroll-wrap {
  width: 100%;
  min-height: .01%;
  overflow-x: auto;
}

PS：如果我删除overflow-x: auto;按钮将显示在顶部，但如果我调整页面大小，则表格滚动条不会显示

Answer 1

下

.datatable-scroll-wrap {
  width: 100%;
  min-height: .01%;
  overflow-x: auto;
}

添加以下内容：

@media (max-width: 767px) {
    .datatable-scroll-wrap .dropdown-menu {
        position: absolute!important;
    }
}
@media (min-width: 768px) {
    .datatable-scroll-wrap {
        overflow: visible;
    }
}