为什么Chrome为我的Div添加了一个像素

Question

我已经创建了一个长度为1010px的5px边框，使其长度为1020，但是，当我检查Chrome中的div时，尽管代码仍然显示它与是1010像素，它的边框是5px，实际上是1021px

我可以确认左边框或右边框都不添加像素，因为div应该放置5个单独的图像，每个图像的宽度都是202px，因此所有5个图像应该完全适合没有差距，但第一个图像，因为它与左边界之间的最细微的差距

我已经完美的这项工作之前，但与表，我目前正在重新设计的网站删除所有的表，并取代吨下摆的div，同时保持完全相同的外观

这是创建DIV

<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;"> 

我督察在Chrome浏览器中的div，它是在CSS中指定的确切宽度。