Как располагать элементы с помощью контейнеров 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 #расположениеэлементов Приходите к нам на сайт:
Подписывайтесь на наш канал в YouTube:    / @wiseplat   Вступайте в нашу группу ВК: https://vk.com/wiseplat
Задавайте вопросы – постараюсь ответить 😊 Удачи в таких классных начинаниях!

Смотрите также