1
CSS3のボックスフレックスを使用してスクロールバーのないページを作成しようとしています。CSS3の高さ：100％とフレキシブルなボックスで予期しない動作が発生する
<html>
<body style="height:100%;display:-webkit-box;-webkit-box-orient:vertical;"> <!-- height is 1000px -->
<div style="height:100px;">test</div>
<div style="-webkit-box-flex:1.0;">
<div style="height:100%;">test</div> <!-- expected this to be 900px, but it's 1000px -->
</div>
</body>
</html>
がどのように私はJavascriptを使用せずに、ページの残りの部分を埋めるDIV子供を作ることができます：ここでは私が持っている何ですか？ （この場合は900pxです）。
P.S. CSS3をサポートしていないブラウザ用にJavascriptのサイズを変更しました。
編集： P.P.S：子divは実際にはコード内のiframeであり、box-flexはiframeでは機能しないようです。
の一行：http://jsfiddle.net/yNQDK/ 1 / –