【css】固定尺寸父元素(overflow:auto/scroll;)中下拉菜单组件如何全部显示？

目前代码：

html结构 和目前的css见下面的live demo.
https://jsfiddle.net/6p30m3of/2/

说明

若把.menu-dropdown放到.box外面，通过js动态调整定位可以实现。但目前想把.menu-dropdown放到.menu里面。

期望效果：

• 想让子元素.menu-dropdown不局限于.box的尺寸，能显示完整的.menu-dropdown。

• menu-dropdown能随.box滚动条滑动而改变定位。

下面是期望效果图：