chrome/safari浏览器的jquery css奇怪问题

这是我目前正在处理的页面：

在底部有一个名为footer的div，它包含3个其他div：logo\u lower、annouments\u online和menu\u lower。其中两个具有固定宽度，logo_lower 406px和menu_lower 329px，而annouments_online则从jquery脚本获取宽度：

var annoucementsWidth = $(window).width() - $("#menuLower").width() -    $("#logoLower").width();
$("#annoucementsOnline").css("width",annoucementsWidth + "px");

对于Opera来说，Firefox甚至IE8都可以很好地工作，但我对Safari和Chrome有问题。下分区的菜单未显示。。。知道可能是什么吗？我在某处看到jquery为这些浏览器计算了错误的$（widow）.width（）。我试图将代码放入$（window）.load（）中，但没有成功。 以下是分区：

div.logo_lower {
width: 406px;
height: 45px;
display: inline-block;
float: left;
overflow: hidden;
}

div.annoucements_online {
background: #362f2d;
height: 45px;
display: inline-block;
overflow: hidden;
}

div.menu_lower {
background: #362f2d;
width: 329px;
height: 45px;
display: inline-block;
float: right;
overflow: hidden;
}
div.footer {
width: 100%;
height: 45px;
position: fixed;
bottom: 0;
left: 0;
z-index: 100;
background: rgba(0, 0, 0, 0);
}

---

尝试获得这样的宽度，而不是取消jQuery

document.documentElement.clientWidth

---

jQuery需要进入

$（文档）.ready（）

而不是

$（窗口）

。另外，当我在Chrome上测试你的站点时，我得到的结果与Firefox相同

---

如果jQuery表现不好，您可以一直使用（），尽管这更复杂，因为jQuery通常会为您处理所有兼容性问题。

好的，我用其他方法修复了它，只需将announces div减小5px：

var annoucementsWidth = $(window).width() - $("#menuLower").width() -    $("#logoLower").width() - 5;
$("#annoucementsOnline").css("width",annoucementsWidth + "px");

---

所以说“同样，当我在Chrome上测试你的网站时，我得到的结果与Firefox相同。”你是说它工作正常还是Firefox上有错误？我的代码在$（document）.ready（）中。我发现的另一件事是，当我从AnnouCencosWidth中选取3个像素时，chrome显示property div，但它看起来缺少1个像素，这真的很奇怪