侧面导航栏一些元素漂浮在上方

Question

我有一个侧面导航栏，该导航栏是我从某个网站获得的，当我们使用1080（全屏）或低于765（移动视图）时，这是完美的选择，但当我们说到1015或1020时，上方的元素开始流动它和该视图的bcs看起来很像，我尝试了原始的CSS和引导程序，但没有用

这里是fiddle

您可以尝试在内容部分添加一些div 您可以删除@yeild('content')并在其上添加div

这是全屏时的图片

在1040年

Answer 1

@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }

在这里，在767px之后，.nav侧菜单从固定位置更改为相对位置。这就是它改变的原因。因此，您必须同步两个外部div的CSS并使其起作用。由于小提琴无法正常工作，因此我无法进行测试。