Javascript 如何强制jQuery下拉列表为全宽？

我创建了一个jQuery下拉菜单，在悬停时显示div，但是我不能强制下拉div在页面上具有100%的宽度

CSS:

ul.oe_menu div{
   position:absolute;
   top:103px;
   left:1px;
   background:#fff;
   width:200; /* This sets the width of the dropdown DIV */
   height:210px;
   padding:30px;
   display:none;
}

查看以查看完整代码并展开预览部分以查看问题

---

谢谢

这是因为如果将div的宽度设置为100%，它将采用其父级宽度的100%（对应的

li

）

解决这个问题的一个方法是设置div的位置

fixed

，这样当页面宽度设置为100%时，它就占据了页面的宽度

ul.oe_menu div{
   position:fixed;
   top:103px;
   left:0px;
   background:#fff;
   width:100%;
   height:210px;
   display:none;
}

这样，您必须从

div

s中删除

left:n

< >为了使转换看起来更自然，你可以考虑做<代码> .SLUDUP（200）。动画（{不透明度）：0 }，{0}：函数（{ $）（this）。CSS（“不透明度”，“1”）}；代码>[]作为

mouseleave

---

希望这有帮助。

您可以尝试将div width设置为窗口的宽度；（考虑到你在身体上隐藏了overflow-x）

看一看这里,

---

这是什么

宽度：200平均值？
var winWidth = $(window).width();           
$this.children('div').css({zIndex:'9999',width:winWidth}).stop(true,true)....