В сегодняшнем уроке давайте рассмотрим, что такое относительное позиционирование.
Давайте вернемся к тому моменту, когда мы просто размещали картинку, и не было никакого позиционирования.
Теперь давайте поменяем position:absolute; на position:relative;. Как будто никаких изменений не произошло. Наша картинка занимает всю строку и не дает себя обтекать. Но на самом деле это не совсем так. Картинка также приподнялась над контентом, и мы ее можем двигать. Только тут есть несколько отличий.
Давайте вернемся к тому моменту, когда мы просто размещали картинку, и не было никакого позиционирования.
Теперь давайте поменяем position:absolute; на position:relative;. Как будто никаких изменений не произошло. Наша картинка занимает всю строку и не дает себя обтекать. Но на самом деле это не совсем так. Картинка также приподнялась над контентом, и мы ее можем двигать. Только тут есть несколько отличий.
