@vitHlJT62b7VCE2

Как сделать 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 вставлено изображение, высоту я не задаю.
Как сделать высоту правого блока такую же, как и у левого (при том, что у левого блока высоту до загрузки я не знаю)?
  • Вопрос задан
  • 192 просмотра
Решения вопроса 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;
}
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Amigoweb Магнитогорск
от 30 000 до 40 000 руб.
iWeekender Краснодар
от 80 000 руб.
19 апр. 2019, в 22:48
10000 руб./за проект
19 апр. 2019, в 21:19
30000 руб./за проект