css max-height не работает в div

Я создал скрипт в css, который должен дать максимальную высоту для div, идентифицированного как «embed-container», но он не работает. любая помощь?
CSS:css max-height не работает в div

.embed-container iframe { 
max-height: 360px; 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
} 
.embed-container { 
max-height: 360px; 
position: relative; 
padding-bottom: 56.25%; /* 16/9 ratio */ 
padding-top: 30px; /* IE6 workaround*/ 
overflow: hidden; 
}

HTML:

<div class="embed-container"> 
<iframe src="slideshow/slideshow.html" frameborder="0" scrolling="no"></iframe> 
</div>

источник

2015-01-05 user2701811

Вы пытались проверить элемент, чтобы убедиться, что его CSS не перезаписывается где-то? – StephenWidom

что именно не работает? Я попробовал jsfiddle только сейчас, и ваш код работает должным образом, читая css. – cari

Вы дайте Див заполняющего-дно 56,25%. Это означает 56,25% от ШИРИНЫ родительского элемента. Поскольку ваш родительский элемент становится таким же большим, как широкоэкранный экран, ваше дно увеличивается с шириной экрана.

Рассмотрите возможность использования фиксированной ширины и высоты iframe и сделайте абсолютное заполнение в px и удалите абсолютное/относительное позиционирование.

источник

2015-01-05 04:12:06 cari

css max-height не работает в div

ответ

Смежные вопросы