Html 内联图像和堆叠

我不确定我的代码在这个页面上出了什么问题。 有些东西破坏了格式，我确信这与内联块和清除框有关

谁能把我引向正确的方向？我以前没有完全根据图片制作过页面

这一行表示渲染时的分辨率为127px，但图像仅为121px

<a class="imageleft" href="#"><img src="images/4.jpg" width="76" height="121"></a>

有人能看到我错过了什么吗

地点：

---

提前谢谢

.imageleft

是一个

内联块

元素，这意味着行高度会影响它。只需设置

行高：0

即可：

---

问题是继承了

字体大小。它也会影响你最下面一行的图像，但它并不明显，因为它下面没有任何其他图像。由于您的页面都是图像，因此将其设置为0应该可以


CSS

* {
  margin: 0;
  padding: 0;
  font-size: 0;
}

网站关闭了。你能创建一个JSFIDLE吗？奇怪，这是我的事。。。还是试试这个链接吧？真正地你是说.container内容类吗？我就这么做了，但对我来说什么都没有？这就是我从容器中删除边距时得到的结果：0 auto.@michaelbirchall.com抱歉，没有收到您的问题。更新了修复的答案。另一个问题是，对于内联块，元素必须位于同一级别，这就解释了第二个黑色空间。你必须使用相对定位。奇怪的是，有人知道为什么这最后一张图片位于其他图片的下方吗？谢谢你。我一直都在努力。。。我按照你的建议重新制作了这些图像。有时候，暂时摆脱一个问题是很好的。嗯，我已经设置了字体大小：0；保证金：0；等等，但是悬停图像之间似乎仍然有小的线条？这只是我的屏幕吗？我在Safari、Firefox和Chrome上看起来不错。Opera仍然有这条线，我不确定是否重新计算了线的高度。可以按照下面的建议将线高度另外设置为0，看看这是否有帮助。