爲什麼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中指定的確切寬度。