里面李全宽

Question

我试图把里面的李子。如果用户点击一个li标签，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>