Ebeveyn genişliğine, taşma yüksekliğine uyacak şekilde duyarlı çocuk div skalası

Question

Sarsıcıyı div almak için en iyi yolu bulmaya çalışıyorum.

JSFIDDLE

Ne var istiyorum 320px bir 400px genişliğini ve yüksekliğini gösteren edilecek #scale unsurdur, yani ölçekli: Ben de buradayım yerlerin keman var veya orijinalin% 80'ine yakındır. #wrap öğesinin de aşağı kaydırma ve #scale öğelerinin tümünü görebilme özelliğine sahip olması gerekir.

Buna ihtiyacım var çünkü uygulamada #contain div boyutu her zaman değiştirir. Herhangi bir yardım için teşekkürler! o ben bu size

arayan ne umut ve isterseniz genişlik #wrap% 80'i olmak gerekirse

Answer 1

bunu kaydırma çubuğu koymak tarayıcı gibi taşma otomatik yapmak zorunda sadece her zaman 80%

#contain{ 
 
    width:400px; 
 
    border: 1px green dotted; 
 
    background-color:#ebebeb; 
 
    padding:10px; 
 
} 
 

 
#wrap{ 
 
    height:250px; 
 
    width:100%; 
 
    border:1px red solid; 
 
    background-color: #fff; 
 
    box-sizing:border-box; 
 
    overflow: auto; 
 
} 
 

 
#scale{ 
 
    height:400px; 
 
    width:100%; 
 
    border: 1px blue dashed; 
 
    
 
}

<div id="contain"> 
 
    <div id="wrap"> 
 
    <div id="scale"> 
 

 
    </div> 
 
    </div> 
 
</div>