angular - PrimeNg TabMenu Angular 11：在右侧设置最后一个选项卡

Question

我正在使用Angular 11和PrimeNG以及带有Flex的样式。

从PrimeNG我现在正在使用TabMenu。

现在想象一下，我想放置三个选项卡：选项卡 1、选项卡 2 和选项卡 3。我想在浏览器的左侧放置选项卡 1 和选项卡 2，而在右侧我只需要选项卡 3。

我正在使用以下样式：

.p-tabmenu .p-reset {
  width: 100%;
  display:flex;  
  justify-content: flex-start;
  background-color: red !important;
  flex-wrap: wrap;
}

和李孩子：

.p-tabmenu .p-reset > li:nth-child(5)  {
  float: right;
}

thisd 风格的角度无法识别，我不明白为什么。

如何使用 Flex 在右侧设置 Tab 3？或者可能具有TabMenu的某些属性？

Answer 1

我在 CSS 中找到的一种解决方案是：

.p-tabmenu .p-reset {
  position: relative;
}

.p-tabmenu .p-reset > li:nth-child(5)  {
  position: absolute;
  right: 0;
  top: 0;
  
}

与工作。