Проблема с расположением div в div?

Question

[Василий Петров]

Имеется div (контейнер пусть будет), он расположен справа (float: right). Внутри контейнера имеется еще 3 дива (1 див, 2 див и 3 див), в каждом из них еще по 2.

контейнер >> 1див >> 1_1: в нем картинка и текст с float: right, далее в 1_2 тоже самое, но добавляю к самому 1_2 float: right, но он не работает — 1_2 остается внизу под 1_1. Все верно же должно быть.

codepen.io/anon/pen/WGKaYd

Comments

[xmoonlight]

пример создайте на https://jsfiddle.net/

[Василий Петров]

да создавал, фигня какая-то получилось :D. 5сек

[Василий Петров]

codepen.io/anon/pen/WGKaYd

Answer 1

[Александр Аксентьев]

Больше текстового описания кода вместо самого кода...

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

Comments

[Василий Петров]

фиксированной ширины нет

[Александр Аксентьев]

Василий Петров: див по умолчанию занимает 100% ширины. Так что они и будут друг по другом даже с float. Нужна ширина в пикселях/процентах не важно.

[Василий Петров]

Александр Аксентьев: поставил ширину 500px, контейнер сдвинулся влево, все остальное без изменений

[Александр Аксентьев]

Василий Петров: у всех блоков с float должна быть ширина установлена. И в сумме ширина всех float блоков должна влезать в родительский или же быть в сумме 100% если используются проценты.

[Василий Петров]

Александр Аксентьев: codepen.io/anon/pen/WGKaYd примерно так

[Василий Петров]

Александр Аксентьев: появляется margin у 1_1, что за бред. margin не дает 1_2 подняться на уровень к 1_1