在溢出下拉列表中更改方向

Question

我做了一个简单的下拉菜单。导航在500px容器内浮动。如果我是活动的最后一个（最右边的那个），那么下拉列表将溢出容器。我怎么限制它，所以它不会溢出，而只是向右浮动。

JS Fiddle

Answer 1

尝试使用此代码的宽度：

Fiddle

.children {
    line-height: 48px;
    background: red;
    position: absolute;
    right: 0;
}