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

Question

小提琴

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

我的观点是：

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

- 应该是跨浏览器的

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

Answer 1

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

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

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