«Расширить» веб-страницы, чтобы они поместились в нижнем колонтитуле

Question

Я создаю плагин, который вставляет HTML-панель iframe в нижнюю часть каждой веб-страницы.Я достиг "липкого нижнего колонтитула", введя следующее:

<iframe frameborder="0" noresize="noresize" src="http://example.com/toolbar.html" style="position:fixed; background:transparent; width:100%; height: 33px; padding:0; bottom: 0px; z-index: 2px;"></iframe>

Однако этот iframe перекрывает нижние 30 пикселей веб-страницы.То, что я ищу, - это как «расширить» каждую веб-страницу на 30 пикселей, чтобы наша полоса имела все свойства липкого нижнего колонтитула (он всегда присутствует в нижней части экрана), но пользователь все еще может прокрутить до нижней части.веб-сайта и увидеть самый нижний контент этого сайта.(Без использования традиционных рамок, которые вызвали другие проблемы.)

Дополнительная информация

Stumble Upon for Chrome достиг такого поведения наверхуокна (т. е. Stumble Upon Bar «толкает» содержимое, а не перекрывает его.)

Answer 1

Я бы добавил padding-bottom:33px к телу.

обновление

Ответ выше не будет работать, если оба тега html и body имеют height:100%;

---

решение

поцарапайте технику тела и сделайте.

html{
  height:auto!important;
  height:100%;
  min-height:100%;
  padding-bottom:33px;
}

Я не могу вспомнить сценарий, в котором это могло бы что-то испортить.