防止块元素溢出父元素的宽度

Question

我有一个菜单（jsfiddle），如下所示，它是由<ul>和<li>元素构建的。

子菜单元素显示在父元素下方，并且容器是固定宽度的<ul>。我遇到的问题是，对于右侧的菜单元素，第二级<ul>溢出了父元素的宽度，如下所示：

如何确保子菜单显示如第一张图片所示，但对于更靠右的菜单元素，仅移动到右边框，保持大小不变​​，而不是溢出？

Answer 1

您可以使用 向所有元素添加父 div overflow: hidden;。

像这样