FIDDLE

我有一些绝对定位的元素,就像下拉菜单一样。它应该在其“ ITEM”以下,但是当窗口变窄时,它没有足够的空间。

我的观点是:

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

-应该是跨浏览器

-最好避免使用js,如果无法实现,则js应该尽可能简单快捷。

最佳答案

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

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

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

关于javascript - 将绝对定位的元素限制为容器宽度,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17323092/

10-09 17:56