#javascript #html #css
Вопрос:
У меня есть div#in , и я хочу, чтобы ширина моего iFrame заполняла оставшееся div#di пространство, если ширина div#in друзей изменится, как я могу это сделать?
#di{ display: flex; border:1px solid red; } #in{ display: block; border:1px solid blue; height: 56px; width: 50px; resize: both; overflow: auto; } lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"gt;lt;/scriptgt; lt;div id="di"gt; lt;div id="in"gt;test by change witdhlt;/divgt; lt;iframe src="https://www.bing.com"gt;lt;/iframegt; lt;/divgt; Комментарии:
1. Добавьте
width: 100%;стиль css в свой iframe
Ответ №1:
Используйте этот CSS:
#myIFrame { position: relative; width: 100%; } Где #myIFrame-это идентификатор, который я дал вашему кадру.