olenkill2

Внутри iframe вызываешь метод

parent.postMessage({height: document.body.scrollHeight}, '*');

Он отправляет родителю высоту

Внутри родителя пишешь вот такой код

// прослушиваем все сообщения из iframe-ов
window.addEventListener("message", function(event)
	{
		var frames = document.getElementsByClassName('iframe');

		// задаем высоту iframe из источников
		for (var i = 0; i < frames.length; i++)
		{
			// если iframe не соответствует источнику, то пропускаем
			if (frames[i].contentWindow !== event.source)
				continue;

			if(typeof event.data.height != 'undefined')
			{
				// задаем высоту нужному iframe
                               $(frames[i]).css({'height':  event.data.height + 20 + 'px'});
			}
		}
}

Могут быть нюансы с CORS

если два блока во flex контейнере, то можно использовать.
Данное свойство раскидывает блоки от левого края к правому.
Если элементов больше 2, то средний элемент встает на равноудаленом расстоянии от своих товарищей)
justify-content: space-between;