Почему Chrome добавляет пиксель в мой div

Question

Я создал длинную 1010px с границей 5 пикселей, что делает ее длиной 1020, однако, когда я проверяю div в chrome, несмотря на то, что код все еще говорит, что это с это 1010px, и это граница 5px, это на самом деле 1021px

Я могу подтвердить, что ни левая, ни правая граница не добавляет пиксель, так как в div должны размещаться 5 отдельных изображений, каждая из которых имеет ширину 202 пикселя, поэтому все 5 должны идеально сочетаться с нет пробелов, но первое изображение как малейший промежуток между ним и левой границей

0 У меня была эта работа отлично, но с таблицами, я в настоящее время переделываю сайт, чтобы удалить все таблицы и заменить t Кромка с дивами, сохраняя тот же внешний вид

это код, который создает Див

<div width="1010" align="center" style="border: 5px solid #9DBFFF; margin:0px; padding:0px;"> 

ПРИМЕЧАНИЯ: да я переверну стиль в файл .css после того, как я получил это работаю здесь первым, другое часть редизайн, удаляя все стили и положить их в .css файлы

Answer 1

Вы можете попробовать использовать «ширина» свойство в атрибуте стиля, например:

<div align="center" style="border: 5px solid #9DBFFF; margin:0px; padding:0px; width:1010px;"> 

I ИНСп ected div в Chrome, и это точная ширина, как указано в css.