В чем разница между top и bottom при позиционировании элементов?

Разница между свойствами top и bottom при позиционировании элементов заключается в том, что первое определяет положение верхнего края элемента, а второе — нижнего. webref.ru

Top задаёт координаты верхнего края элемента от верхнего края родителя или верхнего края исходного положения элемента. webref.ru Положительное значение свойства top задаёт сдвиг элемента вниз, отрицательное — сдвиг вверх. htmlbook.ru

Bottom, в свою очередь, указывает расстояние, на которое нижний край блока смещён вверх относительно нижнего края содержащего блока. html5book.ru Для относительно позиционированных блоков свойство определяет смещение относительно нижнего края самого блока. html5book.ru

Таким образом, top отвечает за вертикальное положение элемента сверху, а bottom — снизу.