使用scrolltop时需要更多澄清偏移概念

Question

我正在使用scrollTop。我从谷歌那里得到一些例子。我在这一行面临一个问题。

 $content.scrollTop(
        $box.offset().top - $content.offset().top + $content.scrollTop());

我的困惑是：$box.offset().top - $content.offset().top这个值总是一样的。？

但是当我在控制台上打印时，它会打印出不同的值。 当我从谷歌读取关于偏移时，它说它显示文档的相对位置。

其次：

有人使用clear：both。当我读到它时说它显示在浮动元素下面。 你能举一个例子来区分吗？ http://jsfiddle.net/TnTj9/12/