PrimeNg confirmDialog 在我的导航栏上进行更改答案

【问题标题】：PrimeNg confirmDialog make changes on my navbarPrimeNg confirmDialog 在我的导航栏上进行更改
【发布时间】：2018-08-21 20:56:33
【问题描述】：

我的导航栏工作得非常好，而且它完全负责，但是当我在后台打开确认对话框时，我的导航栏宽度会变为 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% 的屏幕上？有什么想法我该怎么做？

【问题讨论】：

标签： html css angular navbar primeng

【解决方案1】：

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

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

【讨论】：

@degath 很高兴为您提供帮助。