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

Question

Here is my example .

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

编辑:现在，要继续前进，我不得不求助于 JavaScript ，但是这个问题是关于 CSS 的，所以故意没有回答。

Answer 1

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

我什至不确定是否可以通过任何其他方式(使用纯 css)而无法选择 previous sibling 元素或父元素。