Нармальны паток так, што элементы адлюстроўваюцца на вэб-старонцы ў большасці выпадкаў. Усе элементы ў HTML знаходзяцца ўнутры скрынкі , якія з'яўляюцца або инлайн - боксы або блокавыя скрынкі.
Разбіўка боксаў блока
У нармальным патоку, блок скрынкі размешчаны на старонцы адзін за адным (у тым парадку , яны напісаныя ў HTML ). Яны пачынаюць у верхнім левым куце, якая змяшчае скрынку і укладваюць зверху ўніз. Адлегласць паміж кожнай каробкай вызначаюцца бакамі з верхнімі і ніжнімі бакамі якія руйнуюцца адзін у адным.
Напрыклад, вы можаце мець наступны HTML:
Гэта першыя справы. Гэта 200 пікселяў у шырыню з запасам 5px вакол яго.
Гэта шырэй справы.
Гэтае дзіва гэта крыху шырэй, чым другі.
Кожны DIV ўяўляе сабой блок-элемент, так што ён будзе размешчаны ніжэй папярэдняга элемента блока. Кожны Левы знешні край будзе тычыцца левага краю змяшчае блока.
Разбіўку Ролікавыя скрынкі
Убудаваныя блокі размяшчаюцца на старонцы па гарызанталі, адзін за адным, пачынаючы з верхняга кантэйнера элемента. Калі не хапае месца, каб змясціць усе элементы радковага блока на адной лініі, яны пераносяцца на наступны радок і ўкладваюць вертыкальна адтуль.
Напрыклад, у наступным HTML:
Гэты тэкст паўтлусты і гэты тэкст курсіў. І гэта звычайны тэкст.
Гэты пункт з'яўляецца блокавым элементам, але ёсць 5 убудаваныя элементаў:
- «Гэты тэкст»
- «Тоўсты»
- «І гэты тэкст»
- «Курсіў»
- «І гэта звычайны тэкст.»
Такім чынам, нармальны паток, як гэтыя блокавыя і ўбудаваныя элементы будуць адлюстроўвацца на вэб-старонцы без якога-небудзь ўмяшання з боку вэб-дызайнера.
Калі вы хочаце паўплываць , дзе элемент знаходзіцца на старонцы вы можаце выкарыстоўваць пазіцыянаванне CSS або CSS паплаўкі .