css - 来自任何地方的4px额外空间

我有一个UL，在UL的内部有一张我在CSS中设置为200px宽的图像。但是，当它呈现在网页上时，图像右边还有一个额外的4px。 Chrome浏览器的inspect元素表明，由于某种原因，UL本身为204px。我可以通过将UL设置为width：200px来解决此问题，但是从长远来看，这是行不通的，因为我需要向图像添加填充，如果这样做，图像会偏移。

这是所有相关的CSS：

#imagesUl {
display:inline-block;
border:1px solid rgba(85, 85, 85, 0.2);
margin-left:40px;
margin-top:20px;
height:220px;
}
#imagesUl h1{
padding-top:0px;
margin:0px;
font-weight:bold;
display:inline-block;
color: #515050;
}
#imagesUl img {
width:200px;
padding:0px;
}

还有一张镀铬的图片（您可以在图片右侧看到额外的4px）

最佳答案

display：inline-block添加4px的额外空间有问题

http://css-tricks.com/fighting-the-space-between-inline-block-elements/

关于css - 来自任何地方的4px额外空间，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26642733/