Как вы даете iframe 100% высоты [дубликат]

    

На этот вопрос уже есть ответ здесь:

    

Я пытаюсь

<iframe height="100%" ...>

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

edit: 100% работает на IE, но не на firefox

89 голосов | спросил code511788465541441 11 MarpmFri, 11 Mar 2011 14:49:23 +03002011-03-11T14:49:23+03:0002 2011, 14:49:23

3 ответа


0

Вы можете сделать это с помощью CSS:

<iframe style="position: absolute; height: 100%; border: none"></iframe>

Имейте в виду, что это по умолчанию поместит его в верхний левый угол страницы, но я думаю, это то, чего вы хотите достичь. Вы можете расположить с помощью left, right , top и bottom CSS-свойства.

ответил dtech 11 MarpmFri, 11 Mar 2011 14:54:59 +03002011-03-11T14:54:59+03:0002 2011, 14:54:59
0

Проблема с фреймами, не достигающими 100% высоты, не в том, что они громоздкие. Проблема в том, что для того, чтобы они достигли 100% роста, им нужно, чтобы их родители имели 100% рост . Если один из родителей iframe не имеет 100% роста, iframe не сможет выйти за рамки роста этого родителя.

Таким образом, наилучшим возможным решением будет:

html, body, iframe { height: 100%; }

… учитывая, что iframe находится непосредственно под телом . Если у iframe есть родительский элемент между собой и телом, iframe все равно получит высоту своего родителя. Нужно явно установить высоту каждого родителя на 100% (если это то, что он хочет).

Проверено в:

Chrome 30, Firefox 24, ---- +: = 3 =: + ----, Safari 6.0.5, Opera 16

PS: я не хочу быть разборчивым, но решение, помеченное как правильное, не работает с IE 7, 8, 9 and 10 во время это письмо, но работало над Firefox 24. Хотя не проверял на других браузерах. Я столкнулся с ошибкой Chrome 30, потому что на тестируемой странице было очень мало контента ... Она могла будь то моя скудная разметка или сброс Firefox, изменяющий вывод, но если я столкнулся с этой ошибкой, думаю, принятый ответ не работает в каждая ситуация.

ответил Wallace Sidhrée 7 +04002013-10-07T18:58:00+04:00312013bEurope/MoscowMon, 07 Oct 2013 18:58:00 +0400 2013, 18:58:00
0

Атрибут iFrame не поддерживает процент в HTML5. Он поддерживает только пиксели. http://www.w3schools.com/tags/att_iframe_height.asp

ответил Bob Bacas 18 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowThu, 18 Sep 2014 18:48:28 +0400 2014, 18:48:28

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132