Ку!
Есть общий для двух страниц шаблон (оформление сайта) и два подшаблона (показ страницы и редактирование страницы). Подшаблон рендерится в <div class=content_block>, после <div class=path_links>. У .content_block есть сиблинг .children, в него рендерится список дочерних страниц.
Показ страницы работает так, как я хочу: текст из .content_block > .content обтекает <div class="children">, расположенный справа: http://jsfiddle.net/1r6cvjt9/
При редактировании страницы в .content_block располагаются .path_links из основного шаблона и форма. Внутри формы - .edit_container, внутри него - .textarea с textarea внутри и .preview с HTML отрендеренного текста. Так вот, текст внутри .content_block > form > .edit_container > .preview не обтекает .children, а либо весь .edit_container оказывается ниже второго, либо перекрывает его: http://jsfiddle.net/zwk0jdrz/
Несомненно, я делаю что-то не так. Как заставить .preview обтекать .children?
Бонусный вопрос: как (если это возможно) растянуть textarea на всю высоту страницы без JS, средствами одного CSS?
