Chrome и Opera не работают при использовании поплавков

Question

Я использую поплавки при указании размеров элемента.Пожалуйста, посмотрите это jsfiddle jsfiddle.net / yMTGJ Но и Chrome, и Opera не могут установить правильную ширину, и в результате один пиксельный промежуток между двумя div, как вы можете видеть из рисунка i.stack.imgur.com / O9ZxW.png Разве Chrome и Opera не могут правильно обрабатывать поплавки?Почему этот разрыв в один пиксель?

Answer 1

это происходит потому, что вы указываете ширину как 466.5px, которая округляется до 467px другими браузерами (например, Firefox).chrome пытается отрисовать это правильно, поэтому есть одна пиксельная строка, которая отображается в сочетании красного / желтого (что сбивает с толку браузер и выглядит, но не является пробелом).

, чтобы избежать этого, не используйтеполовина пикселей для указания размеров (как вы думаете, как должен выглядеть пример? chrome делает именно то, что я ожидал, но я не знаю, как вы собираетесь использовать половину пикселей).

взгляните на http://jsfiddle.net/Lupna/, где я установил ширину внешнего div на 932px, а внутренние на 466px - отлично работает на хроме.

РЕДАКТИРОВАТЬ:
другойРешение, которое заставило бы все браузеры отображать одинаково, если вам нужна ширина 933px, заключалось бы в том, чтобы встроить в себя пробел, который должен быть там: http://jsfiddle.net/eS7Qd/

Answer 2

Как сказано выше, проблема в полупикселе.Мониторы работают и пиксели, которые являются блоком света, который не может быть наполовину.Некоторые браузеры могут попытаться решить эту проблему, но вы не можете получить согласованный результат во всех браузерах при этом.

Я бы порекомендовал вам работать с шириной 960 пикселей и использовать что-то вроде http://www.960.gs

Нет способа заставить это работать, так как это недопустимый CSS.

Answer 3

Ваша проблема: width: 466.5px; Десятичная точка не поддерживается повсеместно. Некоторая информация и возможное решение: http://www.latentmotion.com/browsers-trim-pixel-decimals/