[X] Помощник

[master-vek Topic Starter]

Создал эту тему, так как  в других источниках  либо нет реальных ответов, либо очень сложные предложения по решению.

Интересное решение при вёрстке  резино - адаптированного  текста в блоках.  Решил поделиться на всякий случай.

Приложил сборную картинку и прокомментирую.

Под рисунком 1  собрана страница из одного общего блока и двух блоков с текстом  внутри и прижатых слева, и справа в общем блоке.  А по середине просто предложение  с текстом, которое обтекает обе картинки слева и справа. 

Поскольку крайние блоки имеют фиксированный размер, при эмуляции к сужению экрана текст из центра затекает вниз и под более низкий блок. Это рисунок 2.

Мне это не понравилось и я  решил применить свойство, overflow:hidden применительно к общему наружному  блоку и  к тегу Р, содержащему  текст.  Картинка существенно улучшилась. Это рисунок 3.

Однако, это тоже не играет. И тут экспериментально решил  применить свойство float:left  к  тегу Р с текстом, уже принявшего свойство  overflow:hidden. А начало  обтекания приурочить к моменту начала сжатия дизайна с текстом, причём с учётом полей left и right  у крайних блоков. Это начало обтекания  привело к перестроению  показанному на рисунке 4.
В дальнейшем сжатии экрана остаётся только  задавать   отступы крайних блоков и их размеры. И адаптация остаётся корректной, не смотря на различные высоты  крайних блоков.