positionnement de div ajustant la hauteur et la largeur

Question

J'ai un div placé dans mon popup et il contient le contenu à afficher dans le popup.

Maintenant, je l'implémente pour avoir la propriété overflow: auto mais j'ai un problème ici.

Voici mon div:

<div style="max-height:500px;max-width:500px;overflow:auto;"> 
<strong>Ad Tag for "sdk call test - greystripe"</strong><br><br> 
<pre> 
    &lt;sdkcall network="greystripe" appid="4ca44ca5-621d-4c13-b035-4c694868253e" slotname="interstitial" slottype="kGSAdSizeIPhoneFullScreen" /&gt; 
</pre> 
</div> 

dans le cas où le contenu de mon petit est le défilement horizontal s'affiche après le contenu immidiately.

Ci-dessous sont deux de ces scénarios:

Encore une fois dans le cas où le contenu est grand:

J'ai besoin d'aligner la barre de défilement au bas de la div externe soit le div pop-bloc. J'ai essayé avec la hauteur, la largeur = 100% mais cela n'a pas résolu mon problème.

Answer 1

Si vous donnez à votre div externe une hauteur de 100% que votre élément intérieur devrait être en mesure d'utiliser la hauteur de 100%. Sinon, si c'est une hauteur fixe, vous pouvez définir la hauteur en pixels.