将绝对定位元素限制为容器宽度

Question

FIDDLE

我有一些绝对定位的元素，就像下拉菜单一样。它应该低于它的'ITEM'，但是当窗口变窄时，它没有任何空间。

我的观点是：

- 下拉的右边缘不应该溢出其容器。下拉列表应该类似于max-right: 0;

- 应该是跨浏览器

- 如果不可能那么js应该是很好的，那么js应该尽可能简单快速。

Answer 1

您可以将绝对孩子的width设置为100%，并使父母相对定位。

演示： http://jsfiddle.net/DZQtt/2/

li {
    ...
    position: relative;
}
.b {
    ...
    width: 100%;
}