Я пытаюсь создать страницу без полосы прокрутки, используя CSS3 box-flex.Вот что у меня есть:
<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>
Как я могу заставить дочерний элемент div заполнять оставшуюся часть страницы без использования Javascript?(в данном случае это 900px).
PS У меня есть изменение размера Javascript для браузеров без поддержки CSS3.
Редактировать: PPS: дочерний элемент div на самом деле является iframe в моем коде, а box-flex не работает на фреймах.