ここを参照してください: http://jsfiddle.net/5HYve/
<div style="position: fixed; top:0; right:0; width:300px; height: 100%; text-align:justify; overflow:hidden;" class="chat-container">
<iframe id="chat_1" style="width:300px;height:100%;" scrolling="no" frameborder="0" src="http://www.twitch.tv/chat/embed?channel=riotgames&hide_chat=myspace,facebook,twitter&default_chat=jtv"></iframe>
</div>
結果象限のサイズを変更してみると、iframe 内のコンテンツが親のサイズに基づいてサイズ変更されないことがわかります。iframe 内のコードにアクセスできません。これを行う方法はありますか、それとも iframe 内の不十分な CSS に縛られていますか?