html - 子宽度 100% 与父溢出-x: 向右滚动后自动无法正常工作

Question

我正在尝试构建一个带有彩色背景的下拉菜单，但问题是在向右滚动后，父级的溢出-x 子级的背景颜色（其宽度为 100%）消失。

我已经找到了编写display: table-row的解决方案。它非常适用于子宽度大于父宽度的情况。

但是如果孩子的宽度小于父母的宽度，那么它只是获得最大的宽度，但我想把这个背景颜色从开始部分拉伸到最后。

我有一个例子： https ://stackblitz.com/edit/react-315neh?file=src%2FApp.js

标签： htmlcssoverflow