如何根据与其他 DIV 的距离百分比来定位 div?

Question

我在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。

还有作弊问题 我希望它滚动，但是如果我删除滚动，我将无法滚动。没有滚动条时如何让它滚动？

Answer 1

不确定我是否完全理解这个问题，但基本方法是查找 WPdiv 标签的位置。

pos = $('wp-div').position();
// pos.top is Y 
// pos.left is X

将其与您想要的页面位置进行比较，并相应地调整您的div。

$("#my-div").css({top: newY, left: newX, position:'absolute'});

希望有帮助。