我一直在研究一个小照片滑块。它在 Chrome 中看起来与在 FF 中略有不同，所以我认为 CSS 重置会使它们看起来相同。我用的是雅虎！YUI CSS 重置模型但没有任何改变。它在 FF 中看起来不错，但在 Chrome 中，右侧的“恢复”按钮太高了，大图片底部的一条细灰线在主按钮所在的位置被切断。这是网址：
http://www.replayground.com/slider/02.html
您可以忽略圆圈下方的内容。只是测试那里的东西。
这是我添加到 02.html 文件中的内容：
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css">
我真的很想得到关于如何让 CSS 重置正常工作的建议。不是如何解决您看到的特定按钮问题。当我向页面添加元素时，我不想每次都经历这个。
CSS 重置并非旨在使所有其余的 CSS 跨浏览器。它旨在将所有不同浏览器上的所有客户端默认规则设置为同一事物，以便您始终使用一组可预测的 CSS 规则。浏览器如何解释这些规则仍然是每个特定的。
在您的情况下，您仍然需要弄清楚如何编写在 Chrome 和 FF 中运行相同的 CSS 规则 - 重置只是使您的起点水平一点，它不会消除浏览器呈现的差异。
您可能会发现一个跨浏览器 CSS 框架（例如blueprintcss.org或960.gs）对您当前的情况更有帮助。他们经常使用重置，但也有补偿重置后 CSS 规则呈现差异的规则。
jball 关于重置是非常正确的。它们只是允许您从空白页面开始，但您仍应编写适当的文档结构和良好的 CSS 以获得良好且一致的结果。
在您的情况下，页面中的所有元素在页面中都是松散的。这最终会给你带来麻烦。有些东西会移动几个像素，尤其是当您没有为每个项目指定确切的高度时。每个浏览器以不同的高度呈现字体。这些可能是十分之一的像素，但是当它们四舍五入时，您的网站在浏览器之间有点偏离。
当您使用更深的元素嵌套时，您可以更好地利用定位元素（相对和绝对）。如果您为标题放置一个特定的 div，并给它一个固定的大小，您可以非常精确地定位其中的每个元素，这对于标题和菜单特别方便。
我冒昧地创建了一个小例子，它只展示了一些定位的基础知识。它并不完美，并且使用色彩鲜艳的边框代替图像进行布局。但这只是为了显示元素嵌套以及绝对和相对定位，以及负边距技巧。 http://jsfiddle.net/YwCxQ/3/