定位元素中的CSS问题

【问题标题】：CSS issue in positioning element定位元素中的CSS问题
【发布时间】：2012-05-29 12:40:25
【问题描述】：

我似乎无法让导航菜单顶部和底部的图形没有间隙。由于需要拉伸顶部和底部图像，因此不能将其作为背景图像。这 3 件需要接触。我尝试过使用表格，将所有内容的边距和填充设置为 0px，甚至尝试使用 css 清除文件，但我仍然无法触摸它们。

jsFiddle... http://jsfiddle.net/PerryCS/JXVGM/1/

我是否试图强制浏览器执行它无法执行的操作？多余的间距从何而来？

请，谢谢！

我不介意尝试一下。我花了大约 11 个小时来摆弄这个，我对为什么还有空间缺乏理解感到非常沮丧。呃。

需要在 IE7 及更高版本上工作。 :)

【问题讨论】：

【解决方案1】：

将display: block 添加到.navribbon img：http://jsfiddle.net/thirtydot/JXVGM/2/

【讨论】：

哇！如果你只知道我现在有多开心……如果我能通过互联网给你一个拥抱，我会的！：）哈哈。 11 个小时的挫败感，这是我错过的一件简单的事情。效果很好！谢谢！。
所以...尝试了解它为什么不起作用...我认为 IMG 标签是一个 INLINE 块，并通过添加 CSS 使其成为 BLOCK 它的行为不同？我说的对吗？
正确。当img 为inline 时，它与基线对齐（查看图像here）。这表明它：jsfiddle.net/thirtydot/JXVGM/8
哦！谢谢你的链接！这解释了我好奇的其他事情。更多知识的空白被填补了！ :) 我多么希望我能插入你的大脑并复制你的知识！哈哈。祝你今天过得愉快！非常感谢您花时间帮助我！