CSS:使下拉子菜单出现在父级 <ul> 下方<li> [英] CSS: make dropdown submenu appear below parent <ul> <li>
本文介绍了CSS:使下拉子菜单出现在父级 <ul> 下方<li>的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在尝试构建一个 CSS 下拉菜单.问题是 ul li 树中的所有子节点都出现在同一行上，而不是在父节点之下.如何让子类别出现在父类别之下?
I am trying to build a CSS dropdown menu. The problem is that all child nodes in the ul li tree appear on the same row, instead of below the parent. How do I make the subcategories appear BELOW the parent ?
推荐答案
添加 display:block;float: left;position:relative;在li上建立一个包含块，然后position:absolute;顶部:100%；left:0; 在子菜单 ul 上相对于它的包含块定位它.
Add display:block; float: left;position: relative; on the li to establish a containing block and then position:absolute; top:100%; left:0; on the sub-menu ul to position it with respect to its containing block.
这篇关于CSS:使下拉子菜单出现在父级 <ul> 下方<li>的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
