Приветствую Вас Гость | Регистрация | Вход

Относительное позиционирование в CSS. Свойство position со значением relative

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




Если у Вас есть качественные видео уроки, которых нет на нашем сайте, то Вы можете добавить их в нашу коллекцию. Для этого Вам необходимо загрузить их на видеохостинг (например, YouTube) и добавить код видео в форму добавления уроков. Возможность добавлять свои материалы доступна только для зарегистрированных пользователей.