nроцентов браузеры вычисляют размер nромежутJ<ов
Nолей и отстуnов на основе ширины шмого элементаконтейнера,
В который заключены форматируемые
Лементы. Рассмотрим самый nростой случай вебстраницы,
Коrда таким 3лементом-контейнером явля-
ется <body>, который имеет ширину всеrо ОКNа браузера.
В данном случае значение в nроцентах в11аждый
кон~q~етный момент времени вычисляется на основании
Текущем ширины о11на. Допустим, оно составляет
Nикселов. В этом случае левое nоле, равное 10 96,
Добавит nромежуток 76 пиксеnов с левоrо края стили-
Управпение размерами полей и отступов 169
ИНФОРМАЦИЯ ДЛЯ ОПЫТНЫХ ПОЛЬЗОВАТЕЛЕЙ
Зуемоrозлемента. Но если вы изМените размеры окна
Браузера, размер nромежутка левого nоля тоже измеНИТСJI.
Уменьшение до 600 ликселов изменит размер
на 60 nикселов (10% от 600 nикселов}.
Однако 3лемент-контейнер не всегда равен ширине
Окна браузера. В nоследующих главах книги, когда мы
Будем создавать болеt сложный дизайн веб-страниц,
Вы увидите, Ч1О Д11J1 разработки комплексного дизайна
NридетСJI доба811.11ТЬ доnолнительные элементы.
О3МОЖ1tо, вы захотите добавить в веб-сrраницу тег
<d1v> для груnnировки, отделения содержимого бо-
Кового навигационного меню. Доnустим, оно имеет
ширину 300 nикселов. Тег <d1 v> будет элементом-контейнером
