Выбор схемы позиционирования

Выбор схемы позиционирования

Свойства position и float определяют алгоритм позиционирования, используемый для определения положения блока.

Рассмотрим значения этого свойства и их интерпретацию браузером.

• static – является обычным блоком, позиционируемым в соответствии с нормальным потоком. Свойства left и top не применяются.

• relative – положение блока рассчитывается в соответствии с нормальным потоком (оно называется нормальным положением). Затем блок смещается относительно своего нормального положения. Когда для расположения блока применяется модель относительного позиционирования, положение следующего блока рассчитывается так, как будто блок не был смещен.

• absolute – положение блока (возможно, и размер) указывается свойствами left, right, top и bottom. Они определяют величину смещения относительно контейнера блока. Абсолютно позиционируемые блоки изымаются из нормального потока. Это значит, что они не влияют на размещение последующих сестринских элементов. Следует заметить, что поля абсолютно позиционируемых блоков не перекрываются никакими другими полями.

• fixed – положение блока рассчитывается в соответствии с моделью абсолютного позиционирования, а затем он фиксируется относительно некоторого объекта. При использовании устройств без разбивки блок фиксируется относительно области просмотра (и не перемещается при прокрутке). При использовании устройств с постраничной разбивкой блок фиксируется относительно страницы, даже если она отображается в области просмотра (например, при предварительном просмотре печати). Вы также имеете возможность сделать определение значения fixed аппаратно-зависимым. Например, вы можете сделать так, чтобы на экране блок всегда отображался в верхней части области просмотра, но на печатной странице этого бы не происходило. Два объявления могут быть отделены друг от друга с помощью правила @media, как это показано на примере ниже:

@media screen {

h1#first { position: fixed }

}

@media print {

h1#first { position: static }

}

Данный текст является ознакомительным фрагментом.



Поделитесь на страничке

Похожие главы из других книг:

Глава 21 Схемы нападений

Из книги автора

Глава 21 Схемы нападений Даная была дочерью Акрисия, которому предсказали, что он умрет от руки сына своей дочери. Поэтому Акрисий заточил Данаю в бронзовой комнате, вдали от всего мужского рода. Зевс, воспылавший страстью к Данае, проник в ее комнату через крышу в виде


3. Транзисторные схемы

Из книги автора

3. Транзисторные схемы SPICE имеет встроенные модели для биполярных и полевых транзисторов. Эти модели сложнее, чем модели, используемые в традиционных курсах электроники. Обычно студенты изучают схемы смещения и схемы усиления отдельно. Такое построение материала


Логические схемы

Из книги автора

Логические схемы Рабочая версия PSpice содержит более сотни логических устройств, доступных в коммерческой версии программного обеспечения. Имеется большинство логических схем серии 7400, триггеры, счетчики и т.п. Полная распечатка логических устройств демонстрационной


Анализ схемы

Из книги автора

Анализ схемы Чтобы выполнить анализ и получить выходной файл, выберем PSpice, New Simulation Profile из главного меню. В окне New Simulation наберите имя rthrees, затем нажмите на кнопку Create. Появляется окно Simulation Settings с меню в верхней части (рис. 14.4). Выберите позицию Analysis в поле Analysis type: выберите


Цифровые схемы в Capture

Из книги автора

Цифровые схемы в Capture В Capture OrCAD имеется большой выбор цифровых устройств. Начнем новый проект с именем norgate и выберем Place, Part, перейдя к библиотеке eval. Начиная с компонентов 5550, 7400, 7401, …, вы увидите большой выбор цифровых компонентов, включая логические элементы И-НЕ, ИЛИ-НЕ,


1.1.1. Упражнения по начертанию схемы

Из книги автора

1.1.1. Упражнения по начертанию схемы Шаг 2 Создайте новый рабочий лист, вызвав из меню File опцию New, либо щелкнув на панели инструментов по кнопке .Шаг 3 Для того чтобы сохранить безымянный файл на жестком диске, выберите команду меню File?Save As (Файл ? Сохранить как...) и


2.1.1 Задания по моделированию схемы 

Из книги автора

2.1.1 Задания по моделированию схемы  Задание 2.1. Начертите в редакторе SCHEMATICS смешанную резисторную схему, состоящую из параллельного включения резисторов R1=3 кОм и R2=6 кОм, которое последовательно соединено с резистором R3=4 кОм и источником напряжения 6 В. С помощью


Активизация цветовой схемы C#

Из книги автора

Активизация цветовой схемы C# Изначально редактор TextPad не настроен на понимание ключевых слов C# и работу с сsc.exe. Чтобы настроить его соответствующим образом, нужно установить подходящее расширение. Откройте страницу http://www.textpad.com/add-ons/syna2g.html и загрузите файл csharp8.zip по


Скрипты схемы

Из книги автора

Скрипты схемы В Firebird, как и во всех других системах управления базами данных SQL, вы создаете вашу базу данных и ее объекты (метаданные или схема базы данных), используя операторы из специализированного подмножества операторов SQL, называемого языком определения данных (Data


Устройства позиционирования

Из книги автора

Устройства позиционирования Вместо мышки может быть установлено одно из четырех устройств позиционирования.> Тачпад (сенсорная панель, Mousepad, Touch Pad, Track Pad) – сенсорная панель диагональю 5–6 см, чувствительная к нажатию. Основные производители – Alps и Synaptics (драйвера


Схемы

Из книги автора

Схемы Параметры рабочей среды хранятся в шести схемах:• User Preference Schemes (Пользовательские схемы) – пользовательские настройки, относящиеся к следующим областям рабочей среды:• Dialog Boxes and Palettes (Диалоговые окна и палитры);• Selection and Element Information (Выделенные объекты и сведения об


Настройка звуковой схемы

Из книги автора

Настройка звуковой схемы Звуковая схема – это набор звуков, сопровождающих различные системные события. Чтобы вызвать окно изменения звуковой схемы, откройте окно Персонализация и щелкните кнопкой мыши на ссылке Звуки (см. рис. 2.19). В появившемся окне (рис. 2.24) вы можете


Световые схемы

Из книги автора

Световые схемы Необязательно использовать при съемке множество разных источников света. Принцип «чем больше, тем лучше» не всегда справедлив. Как правило, простые схемы освещения наиболее удачны (рис. 5.14). Со сложной схемой освещения нужно не торопиться и как следует