jquery - 如何将列表项宽度作为 body 宽度而不是容器宽度

  显示原文与译文双语对照的内容

我试图将列表项宽度设置为浏览器宽度,当我设置宽度为 100%时,可以使用。

我已经为列表项div的子项使用了以下代码


. submenu {
 position: absolute;
 left: 0;
 right: 0;
 background: #ddf0f9;
 border-bottom: 5px solid #2ea0cb;
 z-index: -1;
 white-space: nowrap;
 padding: 0;
 }

它不工作,它是以父元素宽度作为宽度。

mashable.com 子菜单类似

时间: 原作者:

使用以下命令:


.classname{
 margin-left:0;
 margin-right:0;
 width:100%
}

原作者:

mashable.com 设置 position: absolute; left: 0; right: 0; 对于列表项,并且不为它的任何父级设置 position 。 由于绝对定位元素本身基于它的位定位itself首先定位父元素,列表项的宽度将为最高父元素的宽度。 如果你不需要对项的任何列表父级进行定位,则可以使用该方法。

...