如何将所有无序列表浮动到下拉div的左侧？
法哈德·塔兰（Farhad-Taran）
我想在我的下拉菜单（div）中向左浮动所有无序列表。
这是HTML：
<div class="dropdown"><li><h5><a href="#">« Back</a></h5></li>
<ul id="0">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul id="1">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul id="2">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul id="3">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul id="4">
<li></li>
</ul>
</div>
这是CSS：
.top-bar-section .dropdown {
position: absolute;
left: 100%;
top: 0;
visibility: hidden;
overflow-y: hidden;
overflow-x: hidden;
z-index: 99; }
.top-bar-section .dropdown ul {
float: left;
margin: 0;
padding: 0;
list-style: none;
}
.top-bar-section .dropdown li {
float: left;
margin: 0;
padding: 0;
}
以下是当前外观和所需外观的图片： 
萨钦
我不知道您为什么在这里使用.top-bar-section类，因为您的标记没有任何此类。
因此，我为您做了简单的标记和CSS。这可能对您有帮助
这是CSS
.dropdown ul {
list-style: none;
display:inline-block;
vertical-align:top;
}
.dropdown ul li {
display:block;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何将所有 li 从无序列表传递到 div，除了单击的 li
- 2
如何在Center bootstrap中使div带有无序列表？
- 3
如何在不指定固定宽度的情况下将无序列表（ul）浮动到图像的右侧
- 4
为什么我的无序列表浮动在右侧而不是左侧？
- 5
如何将列表项放在无序列表的中央？
- 6
如何将列表项放在无序列表的中央？
- 7
如何将无序点排序到顺时针有序列表中？
- 8
如何将svg添加到无序列表？
- 9
如何将浮动div移动到容器的中心
- 10
如何将底层 div 浮动到 svg
- 11
将div浮动到父div的左侧无效
- 12
jQuery将列表项移动到无序列表的末尾
- 13
如何将下拉箭头从左侧移动到右侧（默认情况下是在flutter中）？
- 14
如何将新列表项添加到无序列表
- 15
带有无序列表控件的定义列表手风琴
- 16
将无序列表居中放置在具有固定宽度列表项的容器div中？
- 17
使图像浮动到HTML列表的左侧
- 18
使用CSS，如何将DIV移动到中心位置的左侧？
- 19
如何将HTML无序列表转换为jQuery自动完成功能？
- 20
如何将无序列表分为两部分？
- 21
调整窗口大小时如何将导航菜单恢复为无序列表视图？
- 22
如何将新的li标签动态添加到无序列表
- 23
将弹出框浮动到左侧
- 24
带有无序列表的CSS第一子级伪类（Bootstrap）
- 25
4列网格，具有无序列表和一些边距
- 26
带有无序列表的CSS第一子级伪类（Bootstrap）
- 27
带有无序列表的HTML导航栏与其他方法
- 28
使用 NSHTMLTextDocumentType 属性的 UITextView 中具有无序列表的重复项目符号
- 29
如何将div浮动到下一个
我来说两句