在Firefox </button>的Bootstrap下拉列表中定位<button class =“close”>

Question

我试图在一个下拉元素（也是Bootstrap）中定位一个Bootstrap关闭按钮。

  <div id="contextmenu" class="dropdown clearfix" style="position: absolute;">
    <ul class="dropdown-menu" style="display: block;">
      <li><a href="#">Text <button type="button" class="close">&times;</button></a></li>
    </ul>
  </div>

那个东西浮动，但在Firefox中显得错位（第一个截图）。 Chrome按预期呈现（第二个屏幕截图）。

有没有办法让Firefox正确呈现它（就像Chrome那样）？

Answer 1

很难知道没有关于CSS的更多上下文，但一个解决方案可能是检查'x'的位置是否与您的包含<li>完全相关。

<强> CSS

.dropdown-menu li {
  ..
  position: relative;
}

.dropdown-menu li .close {
  position: absolute;
  right: 0;
}