Ограничения для резиновых блоков

[decode]

Всем привет, я как обычно со своими проблемами)))

Нужна очень помощь, ибо сам никак не могу решить уже второй день)

Пример: _http://codepen.io/anon/pen/GeKlf

Проблема: В самом примере всё окей, но мне нужно, чтобы блоки с классом ".one" были по минимальной ширине 31px (закомментированная 27-ая строчка CSS), если поставить ограничения, то начинает всё ломаться при сужении, как можно это исправить? (Основной блок естественно должен оставаться гибким в пределах допустимого)

Подозреваю, что я неправильно что-то делаю))

Спасибо))

[Demon_gms]

МОжет так

div {

margin:100px;

width:386px;...

.one {

width:31px;

}

Не совсем понятно что значит "Основной блок естественно должен оставаться гибким в пределах допустимого"

Edited March 17, 2013 by Demon_gms

[decode]

  On 3/17/2013 at 10:16 AM, Demon_gms said:

.one {

width:31px;

}

Не совсем понятно что значит "Основной блок естественно должен оставаться гибким в пределах допустимого"

1. Это фиксированная ширина, он должен оставться так же резиновым (Если например основной блок будет больше)

2. То что он должен сужаться....

[Demon_gms]

Основной блок РЕЗИНА..Блок с классом one фиксированный??

[decode]

  On 3/17/2013 at 10:27 AM, Demon_gms said:

Основной блок РЕЗИНА..Блок с классом one фиксированный??

не фиксированый! Но должен иметь ширину не меньше, чем 31px =)