Как сделать div (с картой) в половину экрана?

Question

[Tutucu]

Как сделать div (с картой) в половину экрана? Как на скриншоте .

Answer 1

[Максим]

https://jsfiddle.net/vwrsk3od/

Comments

[Tutucu]

Так карта на половину всей страницы вылезает, а родительский блок ограничивает его на 1040px и выравнивает по центру экрана, чтобы текст слева не вылезал за пределы общего контента.

[Максим]

Tutucu: карту можно сделать абсолютным позиционированием. а в контенере создать ещё один блок с width 50%

[Tutucu]

Не совсем понимаю, зачем добавлять, получается уже 3-ий блок, который будет с фиксированнным размером уже в 520px

html:









css:
.contacts{
width: 1040px;
margin: auto;
}

.contacts__adress{
width: 50%;
float: left;
margin: 40px 0;
}

.contacts__map{
width: 50%;
float: right;
}

[Максим]

Tutucu: короче https://jsfiddle.net/vwrsk3od/

[Максим]

Tutucu: поменяешь потом размер contacts

[Tutucu]

О! Спасибо! Как сам не догадался