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

Как сделать 2 одинаковых блока?

Имеется 2 похожих блока по горизонтали, вместе занимающие всю рабочую область.
.right_intro {
	width: 54%;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: white;
	padding-top: 40px;
	padding-left: 15px;
	position: relative;
}

.left_intro {
	width: 45%;
}

В left_intro вставлено изображение, высоту я не задаю.
Как сделать высоту правого блока такую же, как и у левого (при том, что у левого блока высоту до загрузки я не знаю)?
  • Вопрос задан
  • 547 просмотров
1 комментарий
Подписаться 3 Простой 1 комментарий
Решения вопроса 1
Acaweb
@Acaweb
Начинающий Вэб-разработчик
Вот
<div class='flex'>
<div class='right_intro'>1</div>
<div class='left_intro'>2</div>
  </div>

.flex {
align-items: stretch;
display: -webkit-flex;
display: flex; }

.right_intro {
width: 54%;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 400;
color: white;
padding-top: 40px;
padding-left: 15px;
position: relative;
background: blue;
}

.left_intro {
width: 45%;
background: red;
}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@nikshyuk
Попробуйте так. Кроссбраузерно.

.intro-wrap {
  display:table;
}
.right_intro {
  width: 54%;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: white;
  padding-top: 40px;
  padding-left: 15px;
  position: relative;
}

.left_intro {
  width: 45%;
}

.right_intro,
.left_intro {
  display:table-cell;
}
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Нужен директолог с опытом работы
19 апр. 2024, в 10:02
6000 руб./за проект
Помощь с парсингом XML файла яндекс товаров
19 апр. 2024, в 09:46
500 руб./за проект
Обработать массив фотографий
19 апр. 2024, в 08:46
5000 руб./за проект
Ещё заказы