Html 子菜单在悬停时重新调整大小0.1秒

因此，当您将鼠标悬停在Galerija上时，基本上会出现子菜单。当子菜单出现时，子菜单的右侧就像抽搐/调整大小一样，持续0.1秒

也许有人能帮我。我不想发布来自CSS的代码，因为我不知道问题出在哪里。也许有人可以通过检查或源代码发现问题

以下是该页面的链接：

以防万一，如果需要代码，可能问题就在这里，但我不这么认为，因为我无法修复它：

/* Dropdowns */

    .sf-menu li li {
        background: #c18484;
        margin-left:6px;
        margin-top:8px;
        border: 1px solid white;
        border-radius:3px;
    }

        /* Sub Menu Item Links */

        .sf-menu li li a {
            border-color: #c48484;
            color: #fff;
            font-weight:bold;
        }

        /* Sub Menu Hovering */

        .sf-menu li li:hover, .sf-menu li li.sfHover,
        .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
            background-color: #a07272;
            color: #fff;
            border-radius:3px;
        }

---

鼠标悬停时，子菜单中会出现一个

溢出：hidden

，从而切断菜单右侧的部分。我无法告诉您溢出：隐藏的

是从哪里来的，因为我看不到整个CSS文件，而且有很多内联CSS声明。如果您知道该属性的位置，请删除该属性，或将CSS规则添加到子菜单：

.sub-menu {
  overflow: visible !important;
}

不漂亮但有用；）

编辑：实际上，我认为创建子菜单动画的JS代码应用了overflow:hiddenstuff；）
 鼠标悬停时，子菜单中会出现一个
溢出：hidden
，从而切断菜单右侧的部分。我无法告诉您溢出：隐藏的
是从哪里来的，因为我看不到整个CSS文件，而且有很多内联CSS声明。如果您知道该属性的位置，请删除该属性，或将CSS规则添加到子菜单：

.sub-menu {
  overflow: visible !important;
}

不漂亮但有用；）

编辑：实际上，我认为创建子菜单动画的JS代码应用了overflow:hiddenstuff；）
 您的子列表的宽度小于列表项的宽度，并且列表项的宽度为100%加上左边距。您的子列表的宽度小于列表项的宽度，并且列表项的宽度为100%加上左边距。谢谢！将您的代码添加到.sf菜单ul{}中，它起了作用。这有什么坏处？！重要规则不是实现smth的最佳方式，因为它们是可以避免的。但对你来说没有真正的负面影响；）这是解决你问题的绝对方便的方法谢谢！将您的代码添加到.sf菜单ul{}中，它起了作用。这有什么坏处？！重要规则不是实现smth的最佳方式，因为它们是可以避免的。但对你来说没有真正的负面影响；）这是解决你问题的一个绝对方便的方法