Question

我试图在其他div旁边的div中使用iframe但是，它获得了更大的宽度，而不是获得更大的宽度，所以你必须滚动才能看到它，并且它高于整个网站。

以下是发生什么事的一个例子，我该怎么办？

这是我的divs

<div class="izquierda"></div>
<div class="derecha">
  <iframe width="560" height="315" src="//www.youtube.com/embed/DL67BuPR2PQ" frameborder="0" allowfullscreen></iframe>


</div>

这是我的css

body{
  margin:0;
  padding:0;

}

.contenedor {
  width:100%;


}

.izquierda {
  width:200px;
  height:100%;
  position:absolute;
  background-color:green;

}

.derecha {
  width:100%;
  left:200px;
  background-color:#09b;
  height:100%;
  position:absolute;



}


iframe {

  width:100%;
max-height:100%;

}

http://jsbin.com/sipumofu/1/edit

Answer 1

删除宽度：100％;在iframe的css中，这会导致iframe扩展为div。

如果您想增加iframe的if，请增加iframe标记中的宽度，如下面的示例所示

<iframe width="700" height="315" src="//www.youtube.com/embed/DL67BuPR2PQ" frameborder="0" allowfullscreen></iframe>

否则减少你的css中的div .derecha的宽度

iframe全宽不断扩大宽度

1 个答案: