Как я могу расположить div на основе процента от других div?

Question

У меня есть 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>

Причина, по которой мне нужносделать это так, потому что есть другие div, созданные темой WordPress, которые я не могу отрегулировать.

Также чит-вопрос, я хочу, чтобы он прокручивался, но если я уберу прокрутку, я не смогу прокрутить.Как я могу позволить ему прокручиваться, когда полоса прокрутки отсутствует?

Answer 1

Не уверен, что я точно понимаю вопрос, но основной подход заключается в поиске местоположения тега WP div.

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

Сравните это с желаемым местоположением страницы и соответствующим образом настройте ваш div.

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

Надеюсь, это поможет.