这两种方法是不完全一样的东西：翻译元素不需要改变它top，left，right或bottomCSS属性，所以在同样的方式offsetTop/offseLeft使用Javascript性能不会受到CSS转换。此外，元素的位置也可以是static（因此z-index不需要）
如果您position: relative改为使用，您将更改这些属性以在视觉上达到相同的效果。
小提琴示例：http : //jsfiddle.net/LkLey/
当然，如果你不得不处理旧浏览器（如IE8或FF2），必要的选择是相对定位，否则我看不出选择两种方法之一的明显便利（好吧，说实话相对定位不需要多重prefixes -moz-, -webkit-... 可以在任何地方工作）所以选择取决于你（这取决于布局）。