Странное поведение широких элементов в Chrome, Safari?

Question

[Autorun]

Заметил странное поведение в последних версих Chrome и Safari на Mac.


Если создать вот такую конструкцию:


<div style="background-color: #000; width: 167772px;">
1
<div style="background-color: #ccc; width: 100%;">
2
</div>
</div>



то все нормально, однако, если ширину родителя увеличить хоть на 1 пиксель (исходная ширина подобрана опытным путем, она одинакова как в хроме, так и в сафари), то бэкграунд у дочерних элементов больше не красится в свой цвет.


В фаерфоксе такого поведения не наблюдается, в других браузерах и платформах не имею возможности проверить.


С чем это может быть связано и как решить?

Comments

[Autorun]

Даже не могу как-то описать, в общем, попробуйте ширину сделать 336000 и 336500, чтобы увидеть всю картину…

Answer 1

[s0rr0w]

Это может быть связано с ограничениями браузера на максимальную ширину.

Вариант решения: не использовать столь длинные контейнеры.

Comments

[Autorun]

Элемент имеет ту ширину, которая задана, но свойство стиля выключается, хотя в веб инспекторе оно числится как имеющееся.

[s0rr0w]

Это ошибка модуля отрисовки. Скорее всего вам нужно отправить эту проблему на багтрекер WebKit'a
www.webkit.org/quality/reporting.html
Может там скажут что-то более внятное

Answer 2

[Влад Фролов]

Хороший у вас монитор я вам скажу…

Answer 3

[lashtal]

хм, число странным образом похоже на 16 777 216 (2^24), поделенное на 100…