Question

好的，标题应该是自我解释的。是的，我可以在bootstrap文档中看到他们已经添加了类dropdown-menu-right，以便它可以处理类似于我的情况。

它有点适用于以下链接。下拉列表位于切换元素的右侧。

（下拉列表在第二个标签上）

然而，我实际上要做的是让toggle元素向右浮动（到标题的末尾），如下所示：

但正如您所看到的，下拉列表仍然显示在与之前相同的位置。它忽略了切换元素现在在右边的事实。

我使用Bootstrap和Angular UI指令。但是，我很确定问题是CSS相对。

一旦我确实发现这就是问题所在，我尝试过的是设置相对于元素的相对位置并使用right: 0重新定位下拉列表，但它没有用。

有没有人知道如何将下拉菜单的切换元素浮动到右侧，然后显示下拉菜单以考虑浮动？

感谢。

Answer 1

.panel-heading > .dropdown {
   position: static;
}

...应用于你的第二个plunkr就可以了。

作为旁注，您不应将position:relative内联应用于.panel-heading。您应该只通过CSS进行一次。如果您想确保不影响项目的其余部分，请在选择器前面加上特定的id。在您的情况下，#right-box似乎适合这项工作：

#right-box .panel-heading { position: relative; }