Пустое пространство внизу встроенных карт Google. ⇐ Html

[Гость]

Я новичок в CSS, поэтому я скопировал откуда-то этот код, чтобы создать адаптивную встроенную карту Google, но после введения свойства «max-height» внизу страницы появилось пустое пространство, которого раньше не было.

/* Flexible iFrame (for google maps)*/

.Flexible-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 500px;
}


Подробнее здесь: https://stackoverflow.com/questions/470 ... oogle-maps