В каких случаях уместно использовать position: abolute и relative?

Question

[Zbiten]

Собственно мне непонятно когда стоит использовать позиционирование?
Вот к примеру: блок с товаром, а на нем размер, цена и название - если я спозиционирую эти элементы через position: abolute это будет правильно?

Answer 1

[Bowen]

position: absolute использовать тогда, когда есть необходимость наложить элемент на другой элемент.
В вашем случае(исходя из примера) то лучше всего не прибегать к этому, имхо.

Answer 2

[Андрей Федоров]

Мне кажется тут вопрос не про позиционирование, а про то как использовать.

По умолчанию, position: absolute расчитывается от левого верхнего угла тега body. Т.е. left, top, bottom и right отсчитываются от body. Чтобы сменить точку отсчета родительскому элементу нужно дать position: relative, тогда координаты дочернего элемента с position: absolute будут отсчитывать это родительского, а не от body.

<div class="parent" style="position: relative">
  <div class="child" stlye="position: absolute"></div>
</div>

Надеюсь принцип понятен.

Answer 3

[Ler Den]

Можно обойтись без него. Скиньте свою верстку сюда https://jsfiddle.net/, я подскажу.

Answer 4

[tema_sun]

Когда с ним проще, чем без него.
В вашем примере это, пожалуй, будет избыточным.