Относительное позиционирование в CSS. Свойство position со значением relative
Здесь рассказывается о том, как выполняется относительное позиционирование в CSS и в каких случаях это можно использовать. Для того чтобы сделать относительное позиционирование элемента на HTML странице сайта, необходимо в CSS прописать для него свойство position и присвоить ему значение relative. Особенностью относительного позиционирования является то, что браузер резервирует место, в котором должен находиться этот объект, и не позволяет занимать это место другим элементам. А сам относительно позиционированный элемент можно сдвинуть с первоначального места при помощи свойств left, top, right и bottom, в значения которых указывается расстояние от той или иной границы. Кроме того, если в такой блок поместить абсолютно позиционированный объект, то для такого объекта значения свойств left, top, right и bottom будут означать расстояния не от края браузера, а от края блока, в котором он находится. Эту особенность достаточно часто используют веб-мастера при верстке сайтов. Изучать значение relative мы будем на примере размещения картинки относительно блока div Видео урок «Относительное позиционирование в CSS. Свойство position со значением relative» вы можете смотреть онлайн абсолютно бесплатно в любое время. Успехов!
- Автор: Евгений Попов
- Длительность: 9:11
- Рейтинг: 0.0/0