CSS：Div / Z-Index背后的下拉不解决它

Question

我的网站出现问题。一个bootstrap css下拉按钮菜单正在扩展div。你可以在这里看到它（在右侧边栏中有一个值为“WähleKanton”的按钮）：

http://www.fitness-center24.ch/thurgau

我已经给标签提供了一个9999的z-index，但遗憾的是这并没有解决我的问题。

感谢您的帮助。

<div class="btn-group">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Wähle Kanton <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" style="z-index: 9999;">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

编辑：我在ul标签上添加了“Position：relative”，但现在打开Dropdown时，Dropdown周围的div正在扩展。有没有一种方法可以让Dropdown扩展“覆盖”所有元素而不会将它们推下来？

Answer 1

删除溢出：隐藏;在joomla.css第1669行

.moduletable, div[class^="moduletable-"], div[class*=" moduletable-"] {
    text-align: justify;
    margin-top: 0px;
    margin-bottom: 9px;

}

Answer 2

将CSS设置为 -

data <-- as.matrix(read.table("c:\\temp\\inFile.tsv", header=TRUE))

这将解决您的问题