Teranozavr, дальше упражнение на внимательность.
В HTML абзац с двумя классами <p class="sender column">
а в CSS селектор по одному классу с тире .sender-column
p.s. пробелами текст двигают неопытные секретарши в ворде. Верстальщики для этого используют CSS. Да и неразрывный пробел пишется с ; в конце.
Он у вас и так на всю высоту родителя https://jsfiddle.net/ub0ch95g/
Не умеете пользоваться инструментами разработчика, так хоть по-старинке, рамочками обводите блоки.
kamisarlapsha, а дальше...
Пишете где должен оказаться блок при прокрутке на n пикселей.
Возможно, вы сразу знаете (в ТЗ написано или так вычислили), что при прокрутке на 1px блок должен смещаться по горизонтали на 5px, а по вертикали на 1px.
Либо эти коэффициенты зависят от соотношения сторон окна и блока. Либо еще как-то.
К чему я веду?
К тому, что на js нужно проверять сколько элементов в выпадашке, сколько есть доступного места и уже в зависимости от этого задавать класс для позиционирования и размеров выпадашки.
В HTML абзац с двумя классами
<p class="sender column">а в CSS селектор по одному классу с тире
.sender-columnp.s. пробелами текст двигают неопытные секретарши в ворде. Верстальщики для этого используют CSS. Да и неразрывный пробел пишется с
;в конце.