Question

这就是我所拥有的，不知道为什么它没有并排显示。我尝试使用float left，并尝试使用bootstrap网格但没有成功。谢谢。

<div class="container">
     <img src="placeholder" alt="picture of the band " width="500" height="300">
</div>
<div class="container">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/placeholder" frameborder="0" allowfullscreen></iframe>
</div>

Answer 1

我只是用它。有用。

    .container{
        float: left;
    }

如果您使用bootstrap将container替换为任何其他类名，并float:left它可以正常工作。

<style>
        .classname{
            float: left;
        }
</style>

<div class="classname">
     <img src="placeholder" alt="picture of the band " width="500" height="300">
</div>
<div class="classname">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/placeholder" frameborder="0" allowfullscreen></iframe>
</div>

我有一个IMG和IFRAME，希望他们并排显示

1 个答案: