Решение проблем с вытеканием из родительского элемента. Поможите?

Question

[NoneNnn]

Добрый день уважаемые пользователи, мне необходима помощь с поиском способов решения вытекания из родительского элемента. Сам я смог найти 3 способа, но правильно ли я сделал, не понятно. В общем вот скрин проблемной страницы:

Вот скрин необходимого результата:

Вот собственно код, но к сожалению фотки не добрались.

Comments

[Noder SS]

Что такое вытекание?

[NoneNnn]

Noder SS, эти изображения вытекают из своих border

[NoneNnn]

Noder SS, это связанно с обтиканием

[Вадим]

А зачем Вы используете float?

И при использовании флоатов это называется "схлопывание контейнера" или "схлопывание флоатов". Решение через псевдоэлемент и clear: both - легко гуглится.

[NoneNnn]

Вадим, Это по заданию необходимо

[RAX7]

NoneNnn, https://css-live.ru/articles-css/clearfix-block-fo...

[NoneNnn]

RAX7, Примите мою благодарность.

[Сергей delphinpro]

RAX7, ух ты! Я уже и забыл как этот прием называется...

[RAX7]

Сергей delphinpro, такое сейчас только в кошмарном сне может присниться =)