我在div中有一个iframe。我想根据其他div而不是仅像素来控制多远(顶部,底部,宽度和高度)。 (基本上使其具有响应性)
我假设这是基于其他元素的百分比计算,但我不知道如何实现。
<div class ="framed">
<iframe frameborder="0"
style="height: 100%;
overflow:scroll;
width: 100%"
src="localhost/wordpress2018/test" marginheight="1" marginwidth="1"
name="frame"
id="framemain"
seamless="seamless" scrolling="no"
frameborder="0"
allowtransparency="true">
</iframe>
</div>
之所以需要这样做,是因为wordpress主题还创建了其他无法调整的div。
还作弊问题 我希望它滚动,但是如果我移除滚动条,我将无法滚动。没有滚动条时如何让它滚动?
答案 0 :(得分:0)
不确定我是否完全理解这个问题,但是一种基本方法是查找WP div标签的位置。
pos = $('wp-div').position();
// pos.top is Y
// pos.left is X
将其与所需的页面位置进行比较,并相应地调整div。
$("#my-div").css({top: newY, left: newX, position:'absolute'});
希望有帮助。