JSFiddle - React, Tailwind, and code Playground
HTML
<div class = "menu"> Бренд транс формирует продвигаемый анализ зару бежного опыта, учитывая совре менные тенденции. Взаимо действие корпо рации и клиента, в рамках сегодняшних воззрений </div>
<div class = "block">в рамках сегодняшних воззрений, стабилизирует ребрендинг</div>
<div class = "block"> Асинхронность эволюции видов, как бы это ни казалось парадоксальным, использует сокращенный психологический параллелизм, таким образом, второй комплекс движущих сил получил разработку в трудах А.Берталанфи и Ш.Бюлера. </div>
<div class = "block">Асинхронность эволюции видов, как бы это ни казалось парадоксальным, использует сокращенный психологический параллелизм, таким образом, второй комплекс движущих сил получил разработку в трудах А.Берталанфи и Ш.Бюлера.</div>
<div class = "block"> Асинхронность эволюции видов, как бы это ни казалось парадоксальным, использует сокращенный психологический параллелизм, таким образом, второй комплекс движущих сил получил разработку в трудах А.Берталанфи и Ш.Бюлера. Принцип артистизма, согласно традиционным представлениям Асинхронность эволюции видов, как бы это ни казалось парадоксальным, использует сокращенный психологический параллелизм, таким образом, второй комплекс движущих сил получил разработку в трудах А.Берталанфи и Ш.Бюлера. Принцип артистизма, согласно традиционным представлениям</div>
<div class = "block"> Асинхронность эволюции видов, как бы это ни казалось парадоксальным, использует сокращенный психологический параллелизм, таким образом, второй комплекс движущих сил получил разработку в трудах А.Берталанфи и Ш.Бюлера. Принцип артистизма, согласно традиционным представлениям</div>
</div>
CSS
.menu {
width: 100px;
background: #cef;
display: inline-block;
padding: 10px;
margin: 0 10px 10px 0;
float: left;
font-size: 15px;
}
.block {
background: #eee;
margin-bottom: 10px;
padding: 10px;
margin-left: 130px;
}
.block.nofloat {
margin-left: 0;
}
JavaScript
$(function() {
$('.block').each(function() {
if ($(this).offset().top + $(this).outerHeight() >= $('.menu').outerHeight()) {
$('.menu').height($(this).offset().top+$(this).height());
$(this).nextAll().addClass('nofloat');
return false;
}
});
});