PrimeNg ConfirmDialog在我的导航栏上进行更改

Question

我的导航栏工作得很好，并且完全负责任，但是当我在后台打开确认对话框时，即使屏幕上800px像右边那样留有空白，我的导航栏宽度也变为1480px您会在屏幕上注意到。

我真的不知道如何解决它，这是我的导航栏：

<nav class="navbar navbar-expand-md navbar-dark bg-dark">
  <a class="navbar-brand" routerLink="">frontend</a>
  <div class="collapse navbar-collapse" id="navbarCollapse">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item dropdown">
        <a class="nav-link menu-item dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Vehicles</a>
        <div class=" dropdown dropdown-menu">
          <a class="dropdown-item menu-item" routerLink="/topic"> Vehicles list </a>
          <a class="dropdown-item menu-item" routerLink="/add-topic"> Add vehicle </a>
        </div>
      </li>
    </ul>
  </div>
</nav>
<router-outlet></router-outlet>

我使用primeNg的默认确认对话框，没有任何更改： confirm dialog

也许我可以通过某种方式向导航栏添加其他CSS，以始终在屏幕的100％上定位？有什么想法我该怎么做？

Answer 1

您正在使用引导导航栏和primeng，因此某些CSS会发生冲突。如果您在style.css中的CSS下面编写内容，那么导航栏将正常工作。

.ui-overflow-hidden {
    position: unset !important;
}