css make dropdown子菜单取其父级的宽度

Posted 2021-05-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css make dropdown子菜单取其父级的宽度相关的知识，希望对你有一定的参考价值。

GRANDPARENT {
  position: relative
}

PARENT {
  width:100%;

CHILD {
  display: inline-block;
}


================================================
  EXAMPLE 
================================================

ul.menu > :last-child:hover {
  position: relative
}

ul.submenu {
  width:100%;
}

ul.submenu li a {
  display: inline-block;
}

/* when using FLEX */

parent {
  display: flex;
  flex-flow: column wrap;
}

以上是关于css make dropdown子菜单取其父级的宽度的主要内容，如果未能解决你的问题，请参考以下文章

CSS 菜单：单击子菜单也会触发父级的单击事件

CSS 选择器错误 - 悬停时未显示子菜单