Столкнулся с проблемой при верстке. Мне нужна сетка маленьких блоков, при помощи float или просто inline-block прижатых с левому краю, а сама сетка должна быть всегда прижата к правому. Т.е. ширина внешнего блока всегда должна оставаться равной ширине контента. Это можно сделать, например, назначив ей тот же inline-block, но проблема в том, что когда количество внутренних блоков становиться таким, что они не умещаются в одну строчу и переходят на следующую, ширина внешнего блока становиться равной 100%, соответственно увеличивается отступ крайнего правого маленького блока, от правого края экрана. Должна всегда оставаться одинаковой. Можно ли как-то без js хаков сделать такую всегда прижатую к правому краю сетку?
<div class="grid">
<div style="float:right"></div>
<div style="float:right"></div>
<div style="float:right"></div>
<div style="float:right"></div>
</div>
Вот. На первой картинке то, что нужно: блок, чья ширина зависит от ширины экрана, с сеткой внутри, всегда прижатой к правому краю. На второй и третей проблемы. P.S. на рисунке колонок 5, но может быть сколько угодно в зависимости от ширины внешнего блока.