Javascript 谷歌浏览器返回错误的窗口高度？

我一直在写这个剧本。似乎只有google chrome返回了错误的窗口高度，因此设置了错误的div高度，在红色和蓝色div之间留下了空白。奇怪的是，只有当您第一次在新窗口/选项卡中加载页面时，这种情况才会发生，在重新加载时，它工作正常

你们能复制一下吗？你们知道我能做些什么吗

---

谢谢

这并不能真正回答您关于Google Chrome bug的问题，但这是我针对您的特殊情况提出的建议：

我将使用

CSS

而不是使用JavaScript设置页面：

示例

HTML

<div id="received">27 Emails received since Wed, 06 Jan 2010 05:00:05</div>
<div id="sent">10 Emails sent since Wed, 06 Jan 2010 05:00:05</div>

更新

您仍然可以使用JavaScript处理分割比率，但它始终会填满屏幕，即使计算结果与理想值相差2或3像素：

JS

var received = document.getElementById('received'),
    sent     = document.getElementById('sent');

// Be sure to set 'sent' height to whatever you set 'received' bottom to:
received.style.bottom = "300px";
sent.style.height     = "300px";

// You should also be able to use percentages:
received.style.bottom = "30%"; // Received will occupy 70%
sent.style.height     = "30%"; // Sent will occupy 30%

---

嘿，道格，有趣的方法！我的脚本根据不同的数据库输入调整两个彩色区域的高度。它们应该覆盖整个屏幕区域，但每个都代表发送或接收的电子邮件数量。所以现在我想知道基于css的方法是否仍然适用于此？谢谢你，a。i@a.i.是的，你可以把这两种方法结合起来。我更新了我的答案以反映这一点。

var received = document.getElementById('received'),
    sent     = document.getElementById('sent');

// Be sure to set 'sent' height to whatever you set 'received' bottom to:
received.style.bottom = "300px";
sent.style.height     = "300px";

// You should also be able to use percentages:
received.style.bottom = "30%"; // Received will occupy 70%
sent.style.height     = "30%"; // Sent will occupy 30%