Как располагать элементы с помощью контейнеров div | Уроки HTML, CSS

Описание

Привет друзья! В этом видео я вам расскажу, как располагать элементы вашего сайта на экране, как располагать их в специальных таких контейнерах, которые называются DIV.


Раньше ? в древности ? позиционирование элементов страницы делалось с помощью таблиц. Теперь есть такие классные контейнеры, которые позволяют располагать элементы на странице, таким образом, что даже при изменении размера страницы - ее ширины, все ваши элементы страницы будут хорошо расположены, и они перейдут например с горизонтальной части страницы в вертикальное расположение.


Для этого используются контейнеры div. Этим контейнерам можно назначать стили, которые зададут им размер например выравнивание, относительно какой части им располагаться на экране и также можно задать ширину и высоту контейнера.


Например, задав такой стиль – вы выровняете контейнер DIV относительно правой части экрана:
#rightD {
position: relative;
float: right;
border: 1px solid #00FF62;
background-color: red;
padding: 10px;
}


Вот пример для выравнивания контейнера DIV по левую часть экрана:
#leftD {
position: relative;
float: left;
border: 1px solid #00FF62;
background-color: red;
padding: 10px;
}



********************************
Если Вам понравилась публикация, подписывайтесь на канал!

Ставьте лайки, тогда будем еще писать такой контент :)

Если есть вопросы или пожелания, то пишите, в комментариях.
********************************

#урокиhtml #контейнерыdiv #расположениеэлементов


Приходите к нам на сайт: https://wiseplat.org/

Подписывайтесь на наш канал в YouTube: https://www.youtube.com/channel/UCfxnN0xALQR6OtznIj35ypQ

Вступайте в нашу группу ВК: https://vk.com/wiseplat

Задавайте вопросы – постараюсь ответить ?
Удачи в таких классных начинаниях!