Div se alinha ao "filho"

Boa tarde! Eu tenho uma div, a qual recebe um iframe. Este iframe vai variar de tamanho. Assim, quero que a minha DIV também se adeque ao tamanho do filho(iframe).

exemplo:

<div class="iframes">

 

<iframe src="1.html"></iframe>

 

<iframe src="2.html" style="display:none;"></iframe>

<!-- ... -->

</div>

uma função em javascript, vai alterar a propriedade display dos iframes, alterando o que está sendo exibido. Mas os iframes tem tamanhos diferentes, então minha div não pode ter um tamanho fixo.

Tentei usar um DISPLAY:INLINE; na minha div, mas ela fica mais baixa que o iframe

Sem o display (ou com DISPLAY:block; ), ela já ocupa a tela toda (horizontalmente)

a width:auto; sequer faz alguma diferença

será que podem ajudar?