• Страница 1 из 1
  • 1
Форум » Территория вебмастера » Начинающему вебмастеру » Позиционирование объекта в CSS при помощи calc (Актуальное позиционирование блоков в CSS с помощью calc())
Позиционирование объекта в CSS при помощи calc
Kosten
Дата: Четверг, 16.08.2018, 13:51 | Сообщение 1
Администраторы
Сообщений:18089
Награды: 55


Бывает такое, что необходимо зафиксировать блок, что должен находится, как пример, в самом низу интернет страницы. Под эту задачу скорей всего можно задействовать такую стилистику в CSS.

Код
.block {
    position: absolute;
    top: 100%;
}


Безусловно, что вы можете решить проблему, но она может возникнуть в любой момент, при создании отступа в низ. Где всегда можно использовать margin-top, что решит эту небольшую проблему.

Код
.block {
    position: absolute;
    top: 100%;
    margin-top: 10px;
}


Но в современной стилистике, как в CSS3, делается более эффективно, а точнее используют calc под функцию.

Код
.block {
    position: absolute;
    top: calc(100% + 10px);
}


На этом все!
Страна: (RU)
Форум » Территория вебмастера » Начинающему вебмастеру » Позиционирование объекта в CSS при помощи calc (Актуальное позиционирование блоков в CSS с помощью calc())
  • Страница 1 из 1
  • 1
Поиск: