CSS:make下拉子菜单显示在父级< ul>下方.< li> [英] CSS: make dropdown submenu appear below parent <ul> <li>
本文介绍了CSS:make下拉子菜单显示在父级< 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％;子菜单相对于其包含的块定位. ul 上的left:0;
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:make下拉子菜单显示在父级< ul>下方.< li>的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
