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/