Html li内的Div未扩展

我有一个水平菜单，它是用一个无序的列表构建的。鼠标悬停在其中一个列表项上时，子菜单将显示包含在div中的内容。在子菜单中，当内容正确显示时，div本身将被限制为父列表项的宽度。这会导致内容溢出到div的右侧。如何使div随内容扩展

HTML:

---

尝试此操作以正确定位子菜单：

.menuTab:hover .menuDropDown {
    left: inherit; /* Shows the dropdown div positioned properly */
}

这样可以缩放菜单内的内容：

.menuDropDown ul {
    list-style-type: none;
    margin:0px;
    text-align: left;
    padding: 20px;
}

问候

.menuTab:hover .menuDropDown {
    left: inherit; /* Shows the dropdown div positioned properly */
}

.menuDropDown ul {
    list-style-type: none;
    margin:0px;
    text-align: left;
    padding: 20px;
}