HTML布局中不需要的额外右边空格

Question

我正在使用表格设计HTML布局。在左栏中，我想要一个顶部和底部有10px的图像。不幸的是，父div添加了几个像素。我不知道为什么。我的照片包括：

我还创建了一个JSFiddle来复制这个问题。我无法在CSS中发现问题。有谁知道发生了什么？我错过了什么？解决办法是什么？谢谢！

Answer 1

这是因为您的图片实际为width，约为161像素。你的div宽度约为163px。您需要在img风格中添加width:100%;。

Working Fiddle

Answer 2

您只需设置图像的宽度即可。 div.leftColAd为163像素x 248像素，图像为160像素x 239像素