как правильно разместить iframe, не скрывая тело

Question

поэтому у меня есть iframe:

<iframe style="width:100%;height:45px;position:fixed;top:0px;left:0px;z-index:2147483649" src="etc" scrolling="no" frameborder="0px"></iframe>

но тогда этот iframe будет скрывать верхнюю часть содержимого тела, так как этот iframe будет поверх содержимого тела .... есть ли способ настроить этот iframe с помощью html, javascript и т. Д., Чтобы он не скрывал тело больше (без грязных шуток, плз)

EDIT

также я пытаюсь заставить его не прокручиваться вниз и всегда будет абсолютно в верхней части страницы, даже когда пользователь прокручивает страницу вниз ... но делает это без покрытия содержимого тела ... подумайте о панель инструментов

Answer 1

Оберните содержимое вашего тела в DIV и поместите его под iframe.

<iframe style="height:45px;position:absolute;top:0px;left:0px;" src="etc" scrolling="no" frameborder="0px"></iframe>

<div style='position:absolute;left:0;right:0;top:45px;bottom:0;overflow:auto;'>Your body content</div>

Answer 2

Я думаю, что изменение CSS position на relative сделает это

 <iframe style="width:100%;height:45px;position:relative;top:0px;left:0px;z-index:2147483649" src="etc" scrolling="no" frameborder="0px"></iframe>

проверьте рабочий код @ здесь

, так что вы хотите фиксированныйiframe, который всегда будет наверху.Для этого вам нужно установить margin-top для body.поле будет больше, чем высота фрейма.см. обновленную скрипку @ здесь

Answer 3

не уверен, что вы пытаетесь сделать обязательно, но если вы измените 'position' на 'static' и перестанете пытаться позиционировать его как абсолютное, тогда локальные элементы будут течь под ним ..

в противном случае вам нужнодобавить маржу выше того, что вы не хотите скрывать