Question

问题是语言按钮（站点正文）由bootstrap v4下拉列表组成的内容为什么显示在div内部而不是在顶部，我无法弄清楚如何发现它，即使z-index: 10000无论如何都没有帮助。

的页面

按钮为#pm_language

Answer 1

您必须删除部分css并添加html代码

首先，从此ID中删除overflow: hidden;

#wb_page_heading {
  position: relative;
//  padding-left: 20px;
//  top: 10px;
  width: 100%;
  display: block;
  z-index: 1;
  border-bottom: 0.16rem solid get_color_transparent('gray', 0.25);
  @include material_box_shadow(0, 0.1rem, 4px, 0.25);

 // overflow: hidden; /*Remove this*/
  float: none;
}

将内容包装在.clearfix

中

<header id="wb_page_heading">
    <div class="clearfix"><!--Wrap in this div-->
    <h2 class="wb-stl-heading2" ,="" style="float: left;">Контакты</h2>
    <div id="pm_language" class="dropdown show" aria-haspopup="true" aria-expanded="false">
     <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Language</button>
       <div class="dropdown-menu dropdown-menu-right">
           <a class="dropdown-item active" href="#">English</a>
           <a class="dropdown-item disabled" href="#">Русский</a>
       </div>
    </div>
    </div><!--clearfix-->
 </header>

Answer 2

因此，经过几个小时的实验后的解决方案是删除溢出：从父div元素隐藏，并设置手动高度，这使得下拉正文出现在网站画布的顶部:)）

下拉到了身下

2 个答案: