В чем принципиальное отличие использования margin/padding от использования свойства position:relative?

Question

[qwedcgt]

В чем принципиальное отличие использования margin/padding от использования свойства position:relative? В каких случаях правильнее применять тот или иной способ? Приведите пожалуйста примеры

Answer 1

[Шохрух Шаймардонов]

Margin/padding используется для установления отспутов у элемента, в то время как position для его позиционирования

Comments

[qwedcgt]

но ведь отступы можно так же задать при помощи position?

[qwedcgt]

это и вызывает сложность

[Сергей delphinpro]

qwedcgt, отступы нельзя задать при помощи position! кто вам сказал такую глупость? С его помощью можно только сместить элемент.

Answer 2

[Дима Паутов]

margin/padding - дают отступы, на основе которых сместятся и другие элементы в потоке
position:relative - сместит текущий элемент, но другие элементы в потоке от этого не сместятся

В каких случаях правильнее применять тот или иной способ?

margin - когда нужен внешний отступ
padding - когда нужен внутренний отступ
position:relative - в подобных случаях почти никогда

Comments

[qwedcgt]

благодарю за ответ
допустим, если я работаю с заголовком в блоке, у которого задана определенная ширина, что лучше использовать?

[Дима Паутов]

qwedcgt, а как ширина влияет на отступы? Причём тут вообще ширина?
margin, всегда используйте margin для внешний отступов, как я описал в ответе.

Answer 3

[freekir]

Не люблю брюзжащих людей, но тут сам решил написать.

Вам бы прочитать основы какие-нибудь. Как по мне очень хорошие для начала, в картинках дают понимание даже тем кто думал что не чего не поймет ни когда. С кучей примеров и картинок. Книги от Head First.

Вам сейчас зайдет. Изучаем HTML, XHTML и CSS. издание только по новее.
Робсон Э., Фримен Э.