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

Question

FIDDLE

我有一些绝对定位的元素，类似于下拉菜单。它应该低于它的“ITEM”，但是当窗口变窄时，它没有足够的空间。

我的观点是:

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

的内容

-应该是跨浏览器

-最好避免使用 js，如果不可能，那么 js 应该尽可能简单和快速。

Answer 1

您可以将绝对子项的宽度设置为100%，并使父项相对定位。

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

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