div里面的全宽

Question

我正试图把div放在里面。如果用户点击一个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>