Если вас не волнует малое разрешение, это просто вопрос гибкости: когда вы используете абсолютное позиционирование, вы нарушаете поток. Таким образом, все должно быть точно размером.
Для многих элементов или ситуаций (создайте идеальный заголовок изображения ...) это лучший (а иногда и уникальный) выбор. В большинстве случаев «относительный» лучше, потому что он сохраняет поток (элемент остается в потоке), но вы можете изменить позиционирование относительно позиционированного родителя (не забудьте позиционировать родителя, даже если вы не даете явного положения; например, просто добавьте положение: относительное, без верха / слева ...). И, что важно, позиция: относительная дает значение элемента в IE !
Например, если вы хотите поместить нижний колонтитул после содержимого, абсолютная - плохая идея, потому что вы, вероятно, не знаете высоту содержимого.
Но если вы хотите поместить меню в верхней части экрана, но не хотите беспокоить людей, которые используют средство чтения с экрана (большое меню должно быть в конце, на линеаризованном документе), абсолютное позиционирование идеально .
Float - не идеальное решение, как вы можете прочитать во многих блогах: это очень специфическая позиция, но она полезна, потому что «inline-block» не работает постоянно. И, конечно, это также полезно, когда вы действительно хотите, чтобы элементы были плавающими.
Не так легко объяснить, когда ты плохо говоришь по-английски:)