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

Question

我有一个有很多div和风格的页面，我的div埋在里面。

我正在尝试使用一个自动生成div的按钮，包括视频播放器，调整大小并捕获整个浏览器。

为了做到这一点，我试图得到div的当前位置，然后相对定位它，以便它到达左上角，这样我就可以使用document.body.clientHeight / clientWidth。 / p>

无法让它发挥作用。

我尝试了将div移动到第一个div然后调整大小的方法，这会让Flash播放器变得混乱。

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

谢谢，
盖

Answer 1

使用其中一个可以处理DIV的灯箱克隆。他们通常将有问题的DIV复制到他们自己的视图DIV中，这有助于定位问题，而且你不需要对埋藏的div做任何事情。

我发现Multi-Faceted灯箱非常便于自定义：

http://www.gregphoto.net/lightbox/

但也有很多其他人。

Answer 2

为什么相对？ 你应该使用fixed而不是relative。然后将位置设置为0,0，将宽度和高度设置为100％。 简单的js可以做到这一点。

Answer 3

单击时，只需将div的样式设置为“fixed”，并将位置设置为0,0。像：

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

Answer 4

这应该可以解决问题：

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