如何将列表项宽度设置为主体宽度而不是容器宽度

Question

您好我正在尝试将列表项的宽度设置为浏览器宽度，当我将宽度设置为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子菜单

Answer 1

使用以下内容：

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

Answer 2

mashable.com将position: absolute; left: 0; right: 0;设置为列表项，并且不为其任何父项设置position。由于绝对定位元素基于其第一个定位的父元素来定位自身，因此列表项将具有最高父元素的宽度（body）。 如果您不需要定位任何列表项的父项，那么您可以使用该方法。