плавающего фрейма игнорировала

Question

Я работаю с этой страницей: http://icelandwithkids.com/2016/02/11/do-i-need-a-4wd-awd-4x4-car-in-iceland/

Существует плавающий фрейм, который обеспечивает Google Map:

<iframe width="100%" height="500" src="https://www.google.com/maps/embed?pb=!1m24!1m8!1m3!1d901747.8867442308!2d-19.44933680502082!3d63.804830147198125!3m2!1i1024!2i768!4f13.1!4m13!3e6!4m5!1s0x48d74a424936b0d1%3A0xbe83531b006d778d!2sVik%2C+Iceland!3m2!1d63.4186315!2d-19.0060479!4m5!1s0x48d11a6e58c79679%3A0x48dc5b5397a88a8d!2sSveinstindur%2C+Iceland!3m2!1d64.1069444!2d-18.4166667!5e0!3m2!1sen!2sus!4v1455105815201/" scrolling="yes" class="iframe-class" frameborder="0"></iframe> 

что бы я ни делаю, высоту плавающего фрейма не изменится - он застрял на минимальной высоте. Я пробовал использовать perentage; Я пробовал некоторые вещи стиля, как я нашел на this page. Но ничто, похоже, не имеет значения.

Я предполагаю, что некоторые CSS в другом месте страницы не позволяют использовать параметр высоты iFrame?

Спасибо за любую помощь.

Answer 1

Потому что в вашем CSS у вас есть:

embed,iframe,object,video{ 
    height:auto !important 
} 

Это заставляет его не будет автоматически, независимо от того, что вы делаете.

Также у вас есть внешний файл, который также установлен высот во встроенном кадре auto !important

cache.skin.css 

Удалить тех, то вы можете установить высоту, что вы хотите.