不在chrome中工作后的CSS菜单伪元素

Question

我创建了一个纯CSS菜单，除了Chrome和Safari之外，它在所有浏览器中都很棒。菜单应显示在右侧的箭头，但它会移动到底部。

当我将white-space: nowrap;更改为white-space: normal;时，除Chrome和Safari之外的所有浏览器都能正常使用，当我将其设置为white-space: nowrap;时，它会显示到底部的箭头

代码：jsfiddle

Answer 1

将:after更改为:before。它仍然会正确浮动，但<li>本身不会创建新的块上下文。

http://jsfiddle.net/ygtes/1/