جریان عادی این است که عناصر در بیشتر صفحات در یک صفحه وب نمایش داده می شوند. همه عناصر در HTML داخل جعبه هستند که یا جعبه های درون خطی یا جعبه های جعبه هستند.
قرار دادن جعبه های جعبه
در جریان طبیعی، جعبه های جعبه بر روی یک صفحه پس از دیگری قرار می گیرند (به ترتیب آنها در HTML نوشته شده است). آنها در سمت چپ بالای جعبه حاوی شروع می شوند و از بالا به پایین پشته می شوند. فاصله بین هر یک از جعبه ها توسط حاشیه ها با حاشیه های بالا و پایین به یکدیگر متصل می شود.
به عنوان مثال، شما ممکن است HTML زیر را داشته باشید:
این اولین div است. این پهنای 200 پیکسل با حاشیه 5 پیکسل در اطراف آن است.
این یک div بزرگتر است.
این یک div است که کمی بزرگتر از دوم است.
هر DIV عنصر بلوکی است، بنابراین زیر عنصر بلوک قبلی قرار می گیرد. هر لبه بیرونی چپ، لبه سمت چپ بلوک حاوی را لمس می کند.
قرار دادن جعبه های درون خطی
جعبه های درون خطی در صفحه به صورت افقی قرار می گیرند، یکی پس از دیگری در بالای عنصر ظروف. هنگامی که فضای کافی برای متناسب با تمام عناصر جعبه خطی در یک خط وجود ندارد، آنها به خط بعدی بسته می شوند و از آنجا به صورت عمودی پشته می شوند.
به عنوان مثال، در HTML زیر:
این متن پررنگ است و این متن کور است . و این متن ساده است.
پاراگراف یک عنصر بلوک است، اما 5 عنصر درون خطی وجود دارد:
- "این متن است "
- "جسورانه"
- "و این متن"
- "کج"
- "و این متن ساده است."
بنابراین جریان عادی این است که چگونه این بلوک ها و عناصر درون خطی بدون هیچ گونه مداخله ای توسط طراح وب نمایش داده می شود.
اگر می خواهید تاثیری در جایی که عنصر در یک صفحه باشد، می توانید از موقعیت CSS یا شناور CSS استفاده کنید .