Пример 1. Положение и размер элементов
На данной странице содержатся примеры, которые помогут вам разобраться с особенностями управления положением и
размером элементов в документах HTML.
Виды HTML-элементов
Блочные элементы
Мой дядя самых честных правил,
Когда не в шутку занемог,
Он уважать себя заставил
И лучше выдумать не мог.
Его пример другим наука;
Но, боже мой, какая скука
С больным сидеть и день и ночь,
Не отходя ни шагу прочь!
...
Инлайн-элементы
Каждый
охотник
желает
знать
...
Элементы inline-block
Каждый
охотник
желает
знать
...
Позиционирование элемента
Статическое позиционирование
Мой дядя самых честных правил,
Когда не в шутку занемог,
Он уважать себя заставил
И лучше выдумать не мог.
Его пример другим наука;
Но, боже мой, какая скука
С больным сидеть и день и ночь,
Не отходя ни шагу прочь!
...
Относительное позиционирование
Мой дядя самых честных правил,
Когда не в шутку занемог,
Он уважать себя заставил
И лучше выдумать не мог.
Его пример другим наука;
Но, боже мой, какая скука
С больным сидеть и день и ночь,
Не отходя ни шагу прочь!
...
Мой дядя самых честных правил,
Когда не в шутку занемог,
Он уважать себя заставил
И лучше выдумать не мог.
Его пример другим наука;
Но, боже мой, какая скука
С больным сидеть и день и ночь,
Не отходя ни шагу прочь!
...
Абсолютное позиционирование
Каждый
охотник
желает
знать
...
Каждый
охотник
желает
знать
...
Каждый
охотник
желает
знать
...
Управление «видимостью» элементов
Мой дядя самых честных правил,
Когда не в шутку занемог,
Он уважать себя заставил
И лучше выдумать не мог.
Его пример другим наука;
Но, боже мой, какая скука
С больным сидеть и день и ночь,
Не отходя ни шагу прочь!
...
Мой дядя самых честных правил,
Когда не в шутку занемог,
Он уважать себя заставил
И лучше выдумать не мог.
Его пример другим наука;
Но, боже мой, какая скука
С больным сидеть и день и ночь,
Не отходя ни шагу прочь!
...
Волгоградский государственный социально-педагогический университет
Сергеев А. Н., сентябрь 2016 г.