Есть пример, можно ли как-то с помощью css и js добиться того, чтобы правый нижний блок не выходил за нижнюю границу левого блока? Высота блоков гибкая, то-есть зависит от содержимого.
.left-block {
float: left;
margin: 10px;
width: 40%;
border-radius: 5px;
display: block;
align-items: center;
border: 2px solid blue;
word-wrap: break-word;
}
.right-block {
float: right;
margin: 10px;
width: 45%;
border-radius: 5px;
display: block;
align-items: center;
border: 2px solid red;
word-wrap: break-word;
}
<div class="left-block">
some text blblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblb
</div>
<div class="right-block">
else text blblblblblblblbllblblbllblblblblblblbl
</div>
<div class="right-block">
to many text blblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblbblblblblblblblbllblb
</div>