Не могу понять, почему после выполнения цели 3 , а именно зафлоачивания block2, расположенный прямо под ним block3 не встал на его место с обтеканием текстом справа, а просто прилип к нему снизу как ни в чем не бывало. Как это согласуется с правилом занятия места зафлоаченого элемента нижерасположенным блочным?
А он и занял его место, насколько это было возможно. Уберите текст из второго блока и внутренний отступ и посмотрите.
3 лайка
Да, теперь понял, спасибо! ))
Тоже долго тупила над этим вопросом. Сложность возникает из-за того, что block2 и block3 имеют одинаковую заданную ширину. Если задать для block3 ширину, например, 200 px, то сразу станет видно, что этот блок действительно занимает место зафлоченного block2, а не просто прилипает к нему снизу.