Подскажите лучший вариант верстки такого

[USF]

Необходимо сверстать ряд блоков друг под другом.

Все как у самых простых div'ов, но только занимать они должны по горизонтали не 100% места, а определенное минимальное значение и потом расширяться по мере необходимости.

 

Вот ищу самый "красивый", с точки зрения кода, метод.

[Shenia132]

а min-width и max-width не пробовали делать ?

[USF]

а min-width и max-width не пробовали делать ?

блочный все равно на 100% развернется.

[npofopr]

Вы хоть сами понимаете, что спрашиваете? 

Или ждете экстрасенсов?

Верстайте дивами и им указывайте вашу нужную длину, что вы еще хотите услышать?

[USF]

Верстайте дивами и им указывайте вашу нужную длину,

 

 

потом расширяться по мере необходимости.

 

Если читать оппост, то вопросы отпадают сами собой

 

 

Все предельно просто. Есть обычные дивы, друг под другом. Изначально они занимают 100% места по горизонтали. А мне нужно определенное минимальное. Но без float'ов.

Edited May 15, 2014 by USF

[npofopr]

Не знаю, что у вас там отпадает само собой.

Задайте width: auto;

Прототип хотя бы сделайте. Вы пробовать хоть начинали?

[USF]

Вы пробовать хоть начинали?

 

Само собой.
И у меня есть ряд вариантов, а на форум  я пришел, чтобы кто-то подсказал свое видение решения задачи, может оно окажется красивее, чем были мои.

 

Прототипы:

http://codepen.io/usf/pen/arEsj

вот 2 варианта, которые мне наиболее нравятся.

Второй хорош тем, что нет вложенного элемента, но флоаты не люблю, а первый вроде всем хорош, разве что лишний вложенный элемент. Но может кто-то знает другой способ.

[npofopr]

Первый лучше.

И не надо бояться оберток. Они часто очень помогают в дальнейшем, и с ними проще бывает. 

Часто лучше лишний раз обернуть и дать отдельный класс блоку, чем не обернуть и оставить безымянным. Но это разные случаи бывают.

[USF]

Благодарю за совет.

Тогда пока на этом остановлюсь.

[webmos]

Что-то не понятно. У первых трех вариантов дивы во весь экран длиной. Там никакого размера по содержимому нет.