Как получить iframe, чтобы занять полную ширину (т.е. отображать как div)

Я пытаюсь заставить iframe вести себя как обычный неплавающий DIV. т.е. занимают полную ширину родителя. Это возможно? Ищете что-то подобное сказанию display: div;

Изменить: я не ищу width: 100% так как у меня есть другой плавающий элемент слева. Неплавающий DIV будет занимать остальную часть пространства справа. Это поведение, которое я ищу.

Работа: с DIV справа - http://jsbin.com/onaxax/1/edit

Не работает: с IFRAME справа - http://jsbin.com/erapuv/1/edit

Ответ 1

Вы должны обернуть ваш iframe в элементе с overflow:hidden который будет занимать оставшееся пространство, и установить ширину iframe на 100%.

Пример.