悬停时，子div大于父div

Question

我正在创建一个狭窄的侧边栏菜单，当我悬停菜单项时，它应该展开以显示整个文本。悬停部分正在工作，但不会显示超出父div边界的整个div内容。

for (int i = 1; i <= 20; i++)
{
    Console.WriteLine(i);
    if (i % 5 == 0)
    {
        Console.WriteLine("Done");
    }
}

我创建了一个小提琴来实时显示问题：https://jsfiddle.net/Ljxa0osu/1/

Answer 1

尝试从overflow: hidden;删除.menu-bar-list

Answer 2

您的 .menu-bar-list 具有属性 overflow：hidden 。删除它。

Answer 3

删除.menu-bar属性宽度