Добрый день!
Помогите пожалуйста. Уже мозг себе сломала - никак не могу реализовать...((
Есть 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;*/
}
Как это безобразие зафиксировать в одном виде? Чтобы при увеличении содержимого 2 div-a автоматически изменялся размер соседних div-ов.
Заранее благодарю за помощь.
