Как сделать, чтобы yandex maps не выходил за пределы div?

Question

[JackBerry]

Добрый день. Для <div id="map"></div> выставлено width: 100%; чтобы карта была на всю ширину. Но почему-то при открытии страницы - карта выходил за пределы контейнера. Подскажите, как можно исправить проблему?

Answer 1

[batowski]

Контейнеру прописать:

overflow: hidden;

Comments

[JackBerry]

Как вариант:)

Answer 2

[Nik Faraday]

Скорее всего внутренние элементы имеют ширину больше, чем 100%-я ширина блока. Смотрите в инспекторе

Comments

[JackBerry]

Вот именно, что при открытии / уже открытом - карта сразу становится правильных размеров.

Answer 3

[TimurRyabinin]

Здравствуйте! Я из Яндекса. Пожалуйста, отправьте пример, который вы составили в jsbin.com или codepen.io, либо ссылку на страницу, где мы можем воспроизвести эту ситуацию.

JS API 3.0 работает только с ключами, у которых заполнено поле «Ограничение по HTTP Referer». Поэтому, если вы используете JS API 3.0, нужно внести домены jsbin.com и cdpn.io в список разрешённых.