То есть например мне нужно реализовать календарь, который выпадает наподобие селекта.

Для этого надо сделать инпут с датой (просто текст), по фокусу должен красиво выпасть снизу календарь.
у меня где-то в таблице, которая размещается обыкновенным образом, находится какой-нить элемент, например <input id="the_date">

Также существует див, который спрятан, и позиция у него абсолютная - в нем находится календарь.

Я могу показывать календарь в любой точке страницы. Но как мне узнать какая же точно координата этого моего инпута the_date, точку его нижнего левого угла? Тогда если я буду по фокусу размещать мой див прям в этой точке, все будет красивее некуда!
 Слышал что надо как-то по дому пробежаться вверх к предкам пока до body не дойдешь (или до document, я только по слухам).
 А как именно это делается, не знаете мож где-то описано внятно?

Первая же ссылка в "а здесь смотрели?"
http://forum.vingrad.ru/topic-90327.html

szz, можно input обернуть в span с position:relative, и календарь встроить в этот же span - тогда его координаты будут отсчитываться от span-а, вне зависимости от прочей верстки.

Насчет определения координат путем суммирования оффсетов до самого body - иллюстрация для простейшего случая есть здесь, но в случае абсолютных позиций, хитрых margin-ов и т.п. появляется необходимость в куче поправок и эта задача становится (на мой взгляд) неоправданно сложной.