Растягивающиеся div блоки (фреймы)

Хочу в HTML странице сделать растягивающиеся блоки, которые можно тянуть по горизонтали или вертикали чтобы менять размеры блоков и чтобы при этом сами блоки не перескакивали куда-то. Как реализовать такое?

На картинке привела как хочу расположить блоки и как хочется растягивать их.