iframe 전체 너비가 계속 확장됩니다.

Question

다른 div 옆에있는 div에서 iframe을 사용하려고 시도하지만 전체 너비가 커지면 더 큰 너비가 표시되므로 스크롤해야 볼 수 있습니다. 무엇보다 웹 사이트.

다음은 무슨 일이 일어나는가의 예입니다. 어떻게해야합니까? 여기

내 div의

<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 width="700" height="315" src="//www.youtube.com/embed/DL67BuPR2PQ" frameborder="0" allowfullscreen></iframe> 

아래의 예와 같이 iframe 태그의 폭을 증가 iframe이의로 증가하여 CSS에 사업부의 .derecha의 폭을 줄이려면