Shadow_Princess
@Shadow_Princess

Как выравнивание 4 div по высоте?

Добрый день!

Помогите пожалуйста. Уже мозг себе сломала - никак не могу реализовать...((

Есть 4 div-a одинаковой ширины, но совсем разной высоты.
разметка:
<div class="products-row clearfix">
			<div class="col-md-3 col-sm-6 col1 cell">и тут мало</div>
			<div class="col-md-3 col-sm-6 col2 cell">тут мало</div>
			<div class="col-md-3 col-sm-6 col3 cell">тут очень много</div>
			<div class="col-md-3 col-sm-6 col4 cell">тут мало содержимого</div>
</div>

.products-row {
		width: 100%;
		margin: 0 auto;
		height: 650px;
		align-items: stretch;
	}
.col1, .col2, .col3, .col4{
		border:2px solid #000;
		margin-right: -1px;
		/*height: 100% !important;*/
		}


b44ef30f763948cd90e24b56c6e9bc18.png

Как это безобразие зафиксировать в одном виде? Чтобы при увеличении содержимого 2 div-a автоматически изменялся размер соседних div-ов.

Заранее благодарю за помощь.
  • Вопрос задан
  • 326 просмотров
Решения вопроса 1
FreedomRun
@FreedomRun
веб-программист
Вот так попробуйте, поэкспериментируйте: codepen.io/Air-Petr/pen/grjXLQ
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы