html - 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

您正在使用 bootstrap navbar 和 primeng，因此某些 css 发生冲突。如果你在 style.css 中写在 css 下面，那么导航栏工作正常。

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