css清除浏览器原有属性,根据浏览器大小使用jQuery.css（）属性动态清除绝对定位的div...

我正在一个网站上工作，并具有下面的代码。我想要做的是显示一个全屏绝对定位的视频，无论浏览器当前的大小如何，然后显示它下面的内容。由于它是绝对位置div，我无法清除div，因此我需要获取该div的高度，然后将“margin-top”属性设置为视频下方内容div的高度。根据浏览器大小使用jQuery.css()属性动态清除绝对定位的div

#bgvid {

border: solid 4px blue;

position: absolute;

right: 0; bottom: 0;

min-width: 100%; min-height: 100%;

overflow-y: hidden;

width: auto; height: auto; z-index: -1;

}

.wrap{

height: 500px;

border: solid 4px black;

}

....

....

lorem ipsum

....

....

var bgvidheight= $('#bgvid').height();

var styles = {'margin-top':bgvidheight};

$('.wrap').css(styles);

因此，这显示了#bgvid DIV下.wrap div时页面加载，但是当我调整.wrap div的位置停留在浏览器中将其放在loadand我需要以重新加载把它放在视频下的正确位置，显然是因为每次页面加载时脚本都会运行。

当某人打开手机或平板电脑上的页面时，这很好，但如果有人调整了浏览器的大小，它会看起来很扭曲，直到它们重新加载。

所以我的问题是，如果有一种方法可以不断地获得#bgvid div的高度来馈送到jQuery中？

+0

你应该'浮动：left'上的元素，只是'清晰之间进行切换：none''而明确：left' jQuery中。 –

2015-04-01 00:19:45