Html5 doctype с iframe ⇐ CSS

[Anonymous]

При включении полной высоты/ширины Iframe в Doctype HTML5, к дне добавлена ​​граница, которую я не могу удалить. Это добавляет прокрутки на страницу, чтобы учесть границу. К сожалению, я ограничен следующим: < /p>


Необходимо использовать iframe < /li>
iframe находится внутри контейнера, который находится в фиксированном положении, занимающем все экран < /li>
html и тело. (Удаление Doctype или переключение на более старый Doctype решит проблему прокрутки) Планкер здесь, который демонстрирует то же самое. Удаление документа HTML5 из ​​этого показывает, что он решит проблему (но это не является жизнеспособным решением). < /P>

Есть ли какие -либо CSS или атрибуты, которые удалили бы эту границу и удалили внешнюю (ненужную) Scrollbar? Class = "Snippet-Code">

Код: Выделить всё

html {
box-sizing: border-box;
}

*, *:before, *:after {
box-sizing: inherit;
}

html, body {
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}

#container {
position:fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}

#foo {
height: 100%;
width: 100%;
}< /code>





//www.iana.org/domains/reserved

Подробнее здесь: https://stackoverflow.com/questions/335 ... ith-iframe