Css 菜单不能全屏显示

我已经为我的页面制作了一个子菜单，现在我想让它完全覆盖屏幕，我该怎么做？我使用了

width:100%

，但它不起作用。我怎样才能把它全宽？将

padding/margin

设置为

0

似乎也不起作用

正文{
字体系列：“Archivo”，无衬线；
}
.dropbtn{
背景颜色：黄色；
颜色：白色；
字体大小：16px；
边界：无；
宽度：100%；
}
.下拉列表{
位置：相对位置；
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f1f1；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
}
.下拉内容a:悬停{背景色：#ddd；}
.dropdown:hover.dropdown内容{display:block；}
.dropdown:hover.dropbtn{背景色：黄色；}
div{
宽度：35px；
高度：5px；
背景色：白色；
利润率：6px0；
}

韦伯斯特

您使用的是100%宽度，但它的父级没有定义宽度，因此无法工作。尝试将宽度：100%更改为宽度：100vw。这将占视口宽度的100%*

---

。下拉列表还需要有宽度：100%

正文{
字体系列：“Archivo”，无衬线；
}
.dropbtn{
背景颜色：黄色；
颜色：白色；
字体大小：16px；
边界：无；
宽度：100%；
}
.下拉列表{
宽度：100%；
位置：相对位置；
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f1f1；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
}
.下拉内容a:悬停{背景色：#ddd；}
.dropdown:hover.dropdown内容{display:block；}
.dropdown:hover.dropbtn{背景色：黄色；}
div{
宽度：35px；
高度：5px；
背景色：白色；
利润率：6px0；
}

韦伯斯特

您的类“下拉列表”是父类。因此，您需要添加宽度：100%。试试这个，会有用的

  .dropdown {
    position: relative;
    display: inline-block;
    width:100%;
  }

---

你也可以分享你的html吗？我添加了html