里面李全宽
问题描述:
我试图把里面的李子。如果用户点击一个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>
答
试试这个
<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>
+0
感谢,什么风格是类“行” –
+0
它的一种风格在Bootstrap –
+0
使用的问题是,如果subnav是在名字二,它在第二个李下,但它应该始终对齐孔左侧左侧。任何解决方案 –
尝试设置'Z-index'属性大值 – Gaslan
是'.subnav'选择只在您的示例错误还是在你的代码中? –
如果'subnav'是绝对定位的,高度将不会被添加到其父项。它被排除在正常流程之外。 –