html - 使用 CSS 在可滚动菜单中获得焦点后显示整个菜单项

Question

这是我的例子。

重点菜单项必须全部显示，而不是部分显示。我知道它可以通过 JavaScript 的onfocus处理程序与菜单容器对齐，但想知道是否有纯 CSS 解决方案。

编辑：现在，为了继续前进，我不得不求助于JavaScript，但这个问题故意没有回答，因为它是关于 CSS 的。

Answer 1

最简单的答案是为项目提供容器一半的宽度或最小宽度。这应该会触发所有浏览器自动处理它。

我什至不确定是否有可能以任何其他方式（使用纯 css）而无法选择以前的兄弟元素或父元素。