为什么我给UIkit的Subnav子导航设置背景色后菜单项完全消失了?

Designer°星光 阅读 24

我在用UIkit的Subnav做横向导航栏时,想给子菜单项加个浅灰色背景。按文档写了个CSS覆盖,默认样式却导致所有菜单项突然不显示了。

尝试过这样写:


.subnav > li:hover {
  background-color: #f0f0f0;
  /* 这里加了其他样式 */
  display: block;
  position: static;
}

但只要添加这段CSS,整个子导航的下拉菜单就完全看不见了。检查元素发现子元素

  • 的高度变成了0,但文字内容还在。不知道是哪个属性冲突了?

  • 我来解答 赞 6 收藏
    二维码
    手机扫码查看
    1 条解答
    瑞娜
    瑞娜 Lv1
    问题出在 display: blockposition: static 上,这两个属性破坏了UIkit Subnav的默认布局。改成这样:

    .subnav > li:hover {
    background-color: #f0f0f0;
    }


    只改背景色就够了,别动默认的 displayposition。如果需要调整定位,可以用 paddingmargin 来微调,别直接覆盖核心布局属性。
    点赞 1
    2026-02-19 05:00