出现块之间的html垂直空间

Question

请查看此页www.pixeli.ca/issue。 我已经开始使用CSS框架960.gs进行页面布局。我的问题是在顶部图像的块和带有“hello”字符串的蓝色块之间出现了一些奇怪的空间。所以你可以看到那里根本看不到的绿色条纹。我尝试了不同的变种，不知道它有什么问题。我注意到它只发生在其中包含图像的块中，但如果只有文本，则不会发生空间。 感谢。

Answer 1

只需在图片中添加float:left即可修复它。

<img src="imagetop.png" style="float: left;"/>

不太确定为什么或者是否有更准确的方法，但是嘿，你就是。

实际上：为什么不在容器上设置background-image和height。这将是一种更清洁的做事方式。

Answer 2

我在每个css表的开头做的是添加这个

*{
     padding:0px;
     margin:0px;
}

这会删除所有默认空格，可能会有帮助。

Answer 3

图像是内联的，并被视为文本 - 因此它与基线对齐，这会在法线下添加一些空间，就像法线一样。

将图像设置为display：block，它应该可以工作。