Задать вопрос
@kamisarlapsha
html

Как расположить так блоки?

Привет, необходимо расположить три div следующим образом: 1 div на пол ширины и высоту 500px, 2 и 3 div на 50% оставшейся ширины и высотой они по 250px.

1 div - серый, 2 div - синий, 3 div - чёрный.
5bdb23015131e847752780.png

Код следующий, обернуть два последних блока не получится.
<div class="banner-block big-banner"></div>
<div class="banner-block small-banner"></div>
<div class="banner-block small-banner"></div>


В этом весь вопрос, как их так расположить ? Может float ? Но если использовать float, то высота родителя их превращается в 0px. И все элементы уже не правильно строятся. Заранее спасибо!
  • Вопрос задан
  • 99 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
delphinpro
@delphinpro Куратор тега CSS
frontend developer 
.big-banner {
  float:left;
  width: 50%;
  height: 500px;
}

.small-banner {
  margin-left: 50%;
  height: 250px;
}
Ответ написан
Комментировать
Комментировать
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
на flex-ах
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Расработка Парсер для сайта https://soliq.uz/activities/debtor
19 апр. 2024, в 19:51
3000 руб./за проект
Два скрипта, Python, web3.py, вызов функции смарт-конракта
19 апр. 2024, в 19:47
50000 руб./за проект
Сделать дизайн главной страницы сайта
19 апр. 2024, в 19:17
1500 руб./за проект
Ещё заказы