Я хочу обернуть элемент iframe
height 100%
и width 100%
в div with fixed size
.
Я пробовал вот так:
<div style="height: 410px; width: 480px; border: 1px solid black; overflow: auto;">
<iframe src="" style="border: none; background: blue;" height="100%" width="100%"></iframe>
</div>
С более старыми doctypes он работает отлично, но как только я добавляю HTML-тип документа <!DOCTYPE html>
, появляется тревожная полоса прокрутки, которая позволяет перемещать весь элемент iframe
вверх и вниз внутри окружающего div и если вы прокручиваете полностью вниз есть странное пространство, я не могу объяснить.
Когда я удаляю свойство overflow: auto;
из div-стиля, он тоже работает, но это не может быть решением.
Я не понимаю, почему это странное пространство/маржа ниже элемента iframe
?
Вот демоверсию, которую вы можете попробовать самостоятельно: http://jsfiddle.net/tmuecksch/b5jgn/
Я попробовал его в Safari 7.0 и Firefox 23.0.1.