Есть несколько способов заставить блоки подстраиваться под высоту самого высокого блока:
1. Использовать свойство flexbox для контейнера блоков:
```css
.container {
display: flex;
}
.block {
flex: 1;
}
```
Это приведет к тому, что все блоки внутри контейнера будут иметь одинаковую высоту, равную высоте самого высокого блока.
2. Использовать свойство таблицы для контейнера блоков:
```css
.container {
display: table;
width: 100%;
}
.block {
display: table-cell;
}
```
Также это приведет к тому, что все блоки внутри контейнера будут иметь одинаковую высоту, равную высоте самого высокого блока.
3. Использовать JavaScript, чтобы вычислить высоту самого высокого блока и установить эту высоту для всех остальных блоков:
```javascript
var blocks = document.querySelectorAll('.block');
var maxHeight = 0;
for (var i = 0; i < blocks.length; i++) {
if (blocks[i].offsetHeight > maxHeight) {
maxHeight = blocks[i].offsetHeight;
}
}
for (var i = 0; i < blocks.length; i++) {
blocks[i].style.height = maxHeight + 'px';
}
```
Этот код найдет самый высокий блок в списке и установит его высоту для всех остальных блоков.
