Ширина блока при отсутствии указания значения

[skvor]

http://rubbish.staff-base.com/div-menu.html

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

Если ширина обозначена, как в синем модуле, то поведение предсказуемо и понятно.

Во втором (зелёном) модуле, второй красный блок (в Point5) становится шире из-за большего числа подпунктов. Почему так?

Спасибо

[npofopr]

Не шире, а 70%+30% он занимает. Вроде все правильно.

[skvor]

У меня вот так: O12, Fx9 и Konqueror 3

[USF]

у нас так же.

и все логично вполне

там ширина выставлена 70%. а блок 100% , поэтому блок и растянулся

[skvor]

Дубль-два

Зелёный блок - Point3 и Point5 оба содержат красный блок.

Селектор одинаковый. Ширина красного блока в Point5 шире чем в Point3, а отличаются они только количеством подблоков SubPt.

И ширина для красных блоков не задана. Есть width: 70% но только у блоков SubPt (которые вложены в красные).

[SelenIT]

Ширина float-бокса определяется по «желательной» ширине контента, т.е. сколько занял бы контент, если дать ему свободно растечься в строку (пока хватает контейнера). В данном случае ширина контента сама зависит от ширины красного контейнера (причем заведомо ее переполняет), поэтому, судя по всему, браузеры разруливают циклическую зависимость следующим образом: определяют ширину «голого» контента без учета width подпунктов (т.е. считают, сколько заняли бы внутренние float-ы без указания ширины, т.е. просто суммируют ширину их текста и бордеров), и именно ее берут за 100%, от которой потом берут 70% для подпунктов. Поэтому, чем больше суммарно в подпунктах текста, тем шире становится их контейнер.

Но вообще полагаться на эту магию рискованно, т.к. с шириной (и вообще отображением) вложенных float-ов у браузеров бывают разногласия.

[skvor]

SelenIT, спасибо. В принципе, я заметил, что если удалить ширину у плавающих блоков, то они все выстраиваются цепочкой и родительский div (красный) получает некоторую ширину, которая совпадает с исходным примером. Изначально был в ступоре, т.к. не мог понять - логику измененния ширины при изменении высоты.