Программирование с нуля с чего начать? Web разработка Урок 26 Float

Автор Andrei Golubev
Программирование с нуля   с чего начать? Web разработка  Урок 26 Float

в этой лекции мы поговорим о таком свойства исчез как флот до сих пор мы используем HTML элементы следующие вертикально по порядку друг за другом.

То есть у нас записано три параграфа и они записаны отображаются на странице. Следовательно 1 2 3 друг за другом, что если мы хотим к примеру отобразить второй параграф справа от первого. Либо мы хотим первый параграф отобразить рядом с ним второй параграф примеру если мы изменим в ширину первого и третьего параграфа пусть будет тоже 200 пикселей и давайте сделаем такие же свойства чтобы они выглядели одинаково да и к примеру.

Мы хотим чтобы второй параграф располагался рядом с 1 параграфа до этого мы можем использовать свойства и записывается оно следующим образом пишем плод здесь пишем right для второго параграфа, но вы заметили, что второй параграф сместился вправо как ожидалось, но он не установился рядом с параграфом — это произошло.

Потому, что первый и третий параграф и сейчас без свойство float. Давайте поместим свойство float для первого и третьего параграфа. Но для них мы укажем лифт значение для него и как вы видите. Теперь всё у нас получилось если мы сейчас растянем страницу то второй параграф перемещен в право так как у него у него записана в плод свойства Right а. Первый и третий параграф размещены слева так как у них записано свойства лёд под переводе с английского — это плавающий то есть установи в до какого-то элемента — это свойство этот смещается как бы в эту сторону сторону указанных здесь влево или вправо есть сейчас у второго параграфа тоже установим свойство float Left, что теперь они все три параграфа смещаются влево последовательно друг за другом так как они идут в HTML документе. Если же установить у всех right значение вправо, что они все последовательно смещаются вправо друг за другом опять же увидите 1 2.

0 комментариев
0

Читайте также