Нормальный поток — это способ отображения элементов на веб-странице в большинстве случаев. Все элементы в HTML находятся внутри блоков, которые являются встроенными или блочными блоками.
Выкладывание блок-боксов
В обычном режиме блок-боксы располагаются на странице один за другим (в порядке их написания в HTML ). Они начинаются в верхнем левом углу контейнера и складываются сверху вниз. Расстояние между каждым полем определяется полями, верхнее и нижнее поля сворачиваются друг в друга.
Например, у вас может быть следующий HTML:
Это первый div. Это 200 пикселей в ширину с полем 5px вокруг него.
Это более широкий div.
Это div, который немного шире второго.
каждый
DIV — это блочный элемент, поэтому он будет размещен ниже предыдущего блочного элемента. Каждый левый внешний край будет касаться левого края содержащего блока. Разметка встроенных блоков
Встроенные блоки располагаются на странице горизонтально, один за другим, начиная с верхней части элемента контейнера. Когда недостаточно места для размещения всех элементов встроенного блока на одной строке, они переносятся на следующую строку и располагаются вертикально оттуда.
Например, в следующем HTML:
Этот текст выделен жирным шрифтом и выделен курсивом . И это простой текст.
Абзац является блочным элементом, но есть 5 встроенных элементов:
- «Этот текст»
- «жирный»
- «и этот текст»
- «курсив»
- «И это обычный текст».
Таким образом, нормальный процесс — это то, как эти блочные и встроенные элементы будут отображаться на веб-странице без какого-либо вмешательства веб-дизайнера. Если вы хотите повлиять на то, где находится элемент на странице, вы можете использовать позиционирование CSS или плавание CSS .