我有两个问题......我试过改变我的CSS文件，JavaScript文件和各种其他东西。谷歌搜索没有对这些问题采取任何补救措施，所以我来到了令人敬畏的答案网站！
此页面 - ＆gt; http://students.cmps.subr.edu/aaron.chauvin/misc/test2.html
在Chrome和Safari中存在一些问题。只有当我的CSS生效时，应该是并排的图片不是，但是当CSS关闭时，它们就是。这个问题在FF / IE9中并不明显。我认为这与 有关，但我不完全确定。 Edit Edit: Thanks for the fix Genzer!
同样在那个页面上，即使我的所有CSS / JavaScript都没有链接，我在链接图像的底部和虚线链接边界之间有一个小的差距...我想摆脱差距。造成这种差距的原因是什么？这种情况发生在所有浏览器中。
提前致谢。
编辑：这是CSS：http://students.cmps.subr.edu/aaron.chauvin/misc/style.css
编辑编辑：修复了并排图像链接问题，现在试图找出导致自定义显示变化的原因：焦点边框（IE9中不存在，部分包含Webkit浏览器中的图像链接） ）和它与图像链接底部之间的差距（所有浏览器都是IE9）。
答案 0 :(得分：2)
问题是您要将所有列的信息包装在一个范围内：<span class="reg">...</span>
IE9和FF发现你希望它显示为一个块元素，但Webkit（Chrome和Safari）却没有。在“reg”类上设置display:block，您应该进行设置。 （我认为这也修复了“虚线边框”问题，但我不太清楚你的意思）
要在IE9中显示橙色边框，请务必在style.css的outline-style css类中将a.piclink:hover设置为“solid”或“double”。一旦我这样做，边界出现了。
我仍然不完全确定为什么你的链接和嵌套图像表现得像它们一样，但我发现了一些调整（tweak =几乎是一个hack）才能让它工作：在{{上设置display:inline-block; 1}}并在其上设置固定高度。请注意，内嵌块在4px上固定，因此高度应比图像高度高4px;在你的情况下：47px。这有点像黑客，但它是有效的，它的工作原理。不幸的是IE7不喜欢这样，但a.piclink让它运转起来。
答案 1 :(得分：2)
在您的样式中添加以下CSS代码将使Chrome显示您的TestPage与IE8相同。
span.reg a {
display: inline;
}