Css 在中处于绝对位置的菜单现在以全宽显示

我有一个1090px宽的收割台，位置是相对的。菜单div位置是绝对的。此菜单并没有全宽显示（请看屏幕截图，白色背景是菜单的大小）

HTML:

---

您需要向绝对元素添加

宽度：100%

.header .menu
{
    position: absolute;
    top: 16px;
    right: 0;
    width:100%
}

---

@Sowmya的答案是可行的，但作为替代方案，我个人更喜欢在使用绝对定位时设置显式定位属性：

---

简单解决方案

您只需从

ul

改变这个

<ul class="nav menu">

对此

<ul class="nav">

---

我认为下面的代码可以工作

.header .menu{
   position: absolute;
   top: 16px;
   right: 0;
   width:100%
}

---

在上的预览将真正有助于增加一些宽度。菜单

width:700px

wow，我不知道额外的课程会对此产生影响。谢谢兄弟

<ul class="nav menu">

<ul class="nav">

.header .menu{
   position: absolute;
   top: 16px;
   right: 0;
   width:100%
}