Есть много способов сделать это с помощью CSS.
Самое простое решение - использовать нечто, называемое «искусственные столбцы».Это в основном означает, что ваш главный контейнер имеет фоновое изображение, которое имеет полную ширину и высоту 1 пиксель.Фоновое изображение затем повторяется по оси Y, что означает, что ваши столбцы растягиваются последовательно, так как высота основного контейнера увеличивается вашими делениями A & B.
Вот простое руководство, которое охватывает этот подход:
Учебники по искусственным столбцам