CSS - это магия грамотного расположения и внешнего вида элементов на странице , а не банальное указание координат для них. Каждую способность этой магии нужно использовать в определенных ситуациях, а не пихать всюду одно и то же.
Да, построение контента с помощью
position:absolute кажется проще -
"поставил два числа и элемент там, где нужно, ыыыы...", но именно то, что кажется гораздо сложнее в итоге может быть самым элементарным и удобным решением вашей задачи.
Чем же он хуже relative?
А тем, что блоки, лежащие после него игнорят его целиком и полностью. И не один нормальный макет на одном абсолютном позиционировании построить не удастся.
Да и вообще, глупо сравнивать relative и absolute - это сооовершенно разные вещи. <-- Тык
------------------------------------------
Relative - сдвигает блок из его первоначальной позиции на заданную величину в заданное направление, НО, не знаю, можно ли так сказать, лишь визуально - блоки, идущие после "видят" его на старой позиции, но учитывают его размеры.
Absolute - отделяет элемент от остального мира, устанавливает ему заданные координаты, отсчет которых начинается с верхнего левого угла ближайшего родителя с position:relative|absolute|fixed.
------------------------------------------
-
Конечно кто то скажет что можно использовать float left, и float right,
А это тут причем?
Приходится делать частые@media screen and (max-width), которых намного больше чем пришлось бы делать для div-a с абсолютными ззначениями.
А без абсолютных еще меньше :\
Итог
-----------------------------------------
Я не в коем случае не заявляю, что
absolute - это зло.. Использовать его нужно, но только там, где он востребован. Но вы же все равно будете его всюду совать, да? :)
Простой
Простой