Question

在我的Web应用程序中，菜单的所有页面上都有一个固定的侧边栏。在特定页面中，除了固定的侧边栏之外，我还在该页面的主体中创建了一个div，我想插入另一个与该div左侧对齐的侧边栏。为了创建我的常规侧边栏，我使用了metronic的类m-aside-left，但是现在，如果我在新的div中使用该类来创建新的侧边栏，它将覆盖前一个侧边栏。我究竟做错了什么？为了创建此新的侧边栏，我必须在div中使用哪个类？

我的div的

html

<div class="m-portlet__body">
  <div class="m-section">
    <!-- BEGIN: Left Aside -->
    <div id="m_aside_left" class="m-grid__item left m-aside-left m-aside-left--skin-dark">
      <!-- BEGIN: Aside Menu -->
      <div id="m_ver_menu" class="m-aside-menu  m-aside-menu--skin-dark"
        m-menu-vertical="1" m-menu-scrollable="1" m-menu-dropdown-timeout="500" style="position: relative">
        <ul class="m-menu__nav  m-menu__nav--dropdown-submenu-arrow" id="aside-menu" style="padding-top: 0px">
          <div *ngFor="let item of parameterStruct">
            <!-- single item -->
            <li *ngIf="!item.isSubClass" class="m-menu__item  sa-m-menu-item">
              <a class="m-menu__link sa-m-menu__link sa-m-menu__link">
              <span class="m-menu__link-wrap">
              <span class="m-menu__link-text icon-padding sideBar-text"
                style="padding-left: 15px; ">{{ item.description |translate }}
              </span>
              </span>
              </a>
            </li>
            <!-- end single item -->            
          </div>
        </ul>
      </div>
      <!-- END: Aside Menu -->
    </div>
    <!-- END: Left Aside -->  
  </div>
</div>

Answer 1

我认为问题在于，新的侧边栏与上一个侧边栏重叠。

您需要在ID为“ m_ver_menu”的div关闭后或在其结束标记之后放置新边栏的html。

请在注释“”之后添加您的HTML代码

<div class="m-portlet__body">

  <!-- Start: Aside Menu 2  -->



  <!-- End: Aside Menu 2 -->

</div>
<!-- END: Left Aside -->

m-aside-left侧边栏成div

1 个答案: