html - 改变溢出下拉菜单的方向

Question

我制作了一个简单的下拉菜单。导航 float 在一个 500 像素的容器内。如果我是最后一个(最右边的那个)处于事件状态，则下拉菜单将溢出容器。我将如何限制它以使其不会溢出而只是向右浮动。

JS Fiddle

Answer 1

试试这段代码的宽度:

Fiddle

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