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

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

Свойства 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 Схемы нападений Даная была дочерью Акрисия, которому предсказали, что он умрет от руки сына своей дочери. Поэтому Акрисий заточил Данаю в бронзовой комнате, вдали от всего мужского рода. Зевс, воспылавший страстью к Данае, проник в ее комнату через крышу в виде


8.2.3.2 Схемы нумерации

Из книги Информационная технология ПРОЦЕСС СОЗДАНИЯ ДОКУМЕНТАЦИИ ПОЛЬЗОВАТЕЛЯ ПРОГРАММНОГО СРЕДСТВА автора Автор неизвестен


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

Из книги Компьютер на 100. Начинаем с Windows Vista автора Зозуля Юрий

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


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

Из книги Язык программирования С# 2005 и платформа .NET 2.0. [3-е издание] автора Троелсен Эндрю

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


Схемы

Из книги ArchiCAD 11 автора Днепров Александр Г

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


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

Из книги Визуальное моделирование электронных схем в PSPICE автора Хайнеманн Роберт

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


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

Из книги OrCAD PSpice. Анализ электрических цепей автора Кеоун Дж.

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


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

Из книги Цифровая фотография без Photoshop автора Газаров Артур Юрьевич

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


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

Из книги Ноутбук для начинающих. Мобильно, доступно, удобно автора Ковалевский Анатолий Юрьевич

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


Анализ схемы

Из книги Firebird РУКОВОДСТВО РАЗРАБОТЧИКА БАЗ ДАННЫХ автора Борри Хелен

Анализ схемы Чтобы выполнить анализ и получить выходной файл, выберем 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, …, вы увидите большой выбор цифровых компонентов, включая логические элементы И-НЕ, ИЛИ-НЕ,


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

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

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


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

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

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


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

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

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