Мне нужно было создать спрайт изображения, используя десять квадратных PNG-файлов размером 16px. Поэтому я собрал простую HTML-страницу с моими 10 изображениями внутри div с цветом фона. Я добавил несколько простых CSS, чтобы div соответствовал содержанию и удалял отступы, поля и т. Д.

В Firefox с использованием Firebug я проверил ширину div и нашел, что он измеряет 196 x 21 пикселей. Я четко вижу пустое пространство между изображениями. Насколько я могу судить, у меня нет полей, отступов или границ.

Если вместо этого я плаваю изображения внутри div, то я получаю измерение 160 x 16 пикселей (что я и ожидал изначально).

Я также просмотрел эту страницу в Chrome и IE и получил идентичные результаты. Итак, я думаю, что поведение должно быть описано где-то в стандартах?

Интересно, откуда появляется дополнительное белое пространство вокруг изображения?

(Извинения, если это было дано ответ в другом месте)