Материалы с тегом «позиционирование»

• inline-block: простое свойство для непростых задач

  inline-block совмещает в себе возможности блочных элементов (block) и некоторые особенности поведения строчных (inline). Преимуществом такого симбиоза можно и даже нужно пользоваться.

• Вертикальная позиция для строчного (inline) элемента

  О том как с помощью position: relative можно задать вертикальную позицию для строчного элемента.

• Вертикальное выравнивание по центру

  Вертикальное выравнивание относительно родителя

• Вычисляемые отступы

  Порой не хватает возможности вычислений отступов в CSS - margin-left: 30%-100px. Хотя в таком виде в CSS нет подобных правил, их несложно проэмулировать.

• Два в одном: позиция + размеры

  Иногда так хочется написать что-то вроде height: 100% - 20px; а нельзя! Или все-таки можно?

• Долой отступы между строчными элементами (и блоками)

  Поставь несколько строчных элементов (или строчных блоков) подряд и между ними, как по волшебству, образуется небольшой, но очень вредный отступ — убрать его достаточно трудно. Но можно. Чем и займемся в данной статье.

• Обходим схлопывание margin

  Каким образом можно убрать нежелательное схлопывание margin. Рассмотрен ряд методов, у каждого из которых свои достоинства и недостатки и своя область применения.

• Позиционирование блока по центру с учетом скрола

  Скрипт, который кроссбраузерно позиционирует блок по середине с учетом прокрутки окна браузера.

• Свойство bottom

  CSS свойство bottom устанавливает позицию нижней границы элемента относительно нижней границы родителя.

• Свойство left

  CSS свойство left задает расстояние от левого края родителя

• 1
• 2
• следующая
  в конец