html - 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

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

将图像设置为显示：块，它应该可以工作。