Javascript 调整div大小以填充浏览器

我有一个有很多div和样式的页面，我的div埋在里面的某个地方

我试图有一个按钮，自动使我的div，其中包括一个视频播放器，调整大小和捕获整个浏览器

为了做到这一点，我尝试获取div的当前位置，然后将其相对定位，使其到达左上角，这样我就可以使用document.body.clientHeight/clientWidth

不能让它工作

我尝试了将我的div移动到第一个div，然后调整大小的方法，但是这会弄乱flash播放器

有什么想法吗？有什么不同的方法吗

谢谢，
盖伊

为什么是亲戚？ 你应该用固定的而不是相对的。然后将位置设置为0,0，宽度和高度设置为100%。

---

简单的js可以做到这一点。

使用一个可以处理div的lightbox克隆。他们通常将有问题的DIV复制到自己的view DIV中，这有助于定位问题，并且您不必对隐藏的DIV做任何事情

我发现多面灯箱非常易于定制：

---

但是周围也有很多其他的样式。

单击，只需将div的样式设置为“fixed”，并放置在0,0位置。比如：

var theDiv = document.getElementById('yourDivsId');
theDiv.style.position = 'fixed';
theDiv.style.top      = 0;
theDiv.style.left     = 0; 

---

这应该可以做到：

<div style="position:absolute;top:0;left:0;width:100%;height:100%">
   some content here
</div>

这里有一些内容

我会尝试jQuery lightbox克隆。但是+1用于使用lightbox工具。它看起来不错，但据我所知，它会再次加载内容，因此我的flash视频播放器会被重新加载，这是不需要的。如果我不介意重新加载flash，我可以在DOM中使用div位置，正如我上面所写的，如果将flash电影嵌入到div中，则将其移动到lightbox中不应重新加载。你确定它能做到吗？所有这些定位解决方案在FireFox中都有效，但在IE7中，它们在我的页面中有问题，一些div仍然在上面。我使用它，但问题是定位