html - div inside li 全 Angular

Question

我正在尝试将 div 放入 li 中。如果用户点击一个 li-tab，就会出现 div。列表元素处于水平位置，div 内容应置于整个列表下方。此时，如果 div 出现，则标准内容出现在 div 上。

.filter-list {
  position: relative;
}
.filter {
  display: inline-block;
  padding-right: 40px;
}
.subnav {
  position: absolute;
}

<ul class="filter-list">
  <li class="filter">Name
    <div id="subnav"><a href="#">one</a><a href="#">two</a><a href="#">three</a>
    </div>
  </li>
  <li class="filter">Name two</li>
  <li class="filter">Name three</li>
</ul>

Answer 1

试试这个

<ul class="filter-list">
   <li class="filter">Name
    <div class=row>
     <div id="subnav"><a href="#">one</a><a href="#">two</a><a href="#">three</a></div>
    </div>
   </li>
   <li class="filter">Name two</li>
   <li class="filter">Name three</li>
</ul>