如何使用物化 css 添加子下拉列表？答案

【问题标题】：How to add sub dropdown using materialize css?如何使用物化 css 添加子下拉列表？
【发布时间】：2018-05-24 23:10:02
【问题描述】：

我想使用具体化 css 类 dropdown-content 制作子下拉列表。但以下代码不起作用：

<a class='dropdown-button btn' href='#' data-activates='dropdown1' data-beloworigin="true">Drop1!</a>
<ul id='dropdown1' class='dropdown-content'>
    <li><a href="#!">item1</a></li>
    <li><a href="#!">item2</a></li>
    <li id="drop2" ><a class='dropdown-button2 d' href='#'  data-hover="hover" data-alignment="left">dropagain</a></li>
</ul>
<ul id="drop2" class='dropdown-content'>
    <li><a href="#!">Item3</a></li>
    <li><a href="#!">Item4</a></li>
</ul>

【问题讨论】：

请添加您所期望的、您得到的以及正在生成的错误日志/语句。 “不工作”太宽泛了，任何人都无法提供帮助。
Nested dropdowns in materialize的可能重复

标签： html materialize

【解决方案1】：

.dropdown-content {
   overflow-y: visible;
}

.dropdown-content .dropdown-content {
   margin-left: 100%;
}



<a class='dropdown-button btn' href='#' data-activates='dropdown1' data-beloworigin="true">Drop1!</a>
<ul id='dropdown1' class='dropdown-content'>
    <li><a href="#!">item1</a></li>
    <li><a href="#!">item2</a></li>
    <li id="drop2" ><a class='dropdown-button2 d' href='#'  data-hover="hover" data-alignment="left">dropagain</a></li>
</ul>
<ul id="drop2" class='dropdown-content'>
    <li><a href="#!">Item3</a></li>
    <li><a href="#!">Item4</a></li>
</ul>

【讨论】：