Ширина блока по содержимому

[Evkaky]

Как известно, ширина блока расчитывается внешним фактором - шириной родителя.

А мне нужно, что бы ширна блока .outer тянулась по ширине дочернего блока .inner

Добиться этого можно назначив блоку-родителю (т.е .outer) что-то одно из этого:

1) display: inline-block;

2) display: inline-flex;

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

4) position: absolute;   // тоже не подходит, т.к. вырывает из нормальнного потока.

Все эти варианты заставляют блок-родитель тянуться вширь по своему контенту.

Но они все какие-то не торт, особенно последние два.

Может есть еще какие-нибудь решения, которыми вы хотите поделиться со мной?

[advokatua]

Но они все какие-то не торт

Очень ёмко )) 

Какая может быть проблема с первым методом?

Edited January 28, 2014 by advokatua

[Yazon_Nile]

diplay: table

ещё есть))

 

 

Поддержу advokatua - какие проблемы с инлаин-блоками?

[Evkaky]

Точно, дисплей тейбл еще.

Проблем никаких, просто я думал, что это костыльно и правильные пацаные делают это как-то по-другому.