Javascript 如何使iframe适合浮动图像附近的宽度？

当Iframe旁边有一个浮动元素时，如何使Iframe的宽度与父元素的剩余宽度相匹配

代码示例：

埃尼亚人是一个精英。门的生命之门。


这是一个非常重要的时刻。尤吉亚普尔文纳ac非毛里斯。

现在Iframe的大小是300x150px，这是。 将iframe width设置为auto似乎不起作用，而将其设置为100%显然只是在浮动图像后将其向下推

---

我不介意使用JS…

您的预期输出是什么？这是响应吗？或者你的浮动图像是静态的？您可以使用

width:calc（100%-380px）

@G.L.P我希望iframe一直延伸到浮动image@JoelAlmeida我不喜欢使用CSS3，它仍然被考虑。还有，380px是从哪里来的？..@Lulu它是350px从图像，和30px的保证金。关于

calc（）

检查浏览器支持：

<div id="parent">
<p>
Aenean id nisl elit. Phasellus<img class="alignright" src="http://placehold.it/200x200"> porta nunc vitae porta.
</p>
<div id="iframe_wrap"><iframe src="http://example.com/" scrolling="no" frameborder="no"></iframe></div>
<p>
Nullam eleifend est tempus felis dignissim luctus. eugiat pulvinar ac non mauris.
</p>
</div>