التدفق العادي هو الطريقة التي يتم بها عرض العناصر في صفحة الويب في معظم الظروف. جميع العناصر في HTML هي مربعات داخلية تكون إما مربعات مضمن أو مربعات كتلة .
وضع خارج مربعات بلوك
في التدفق العادي ، يتم وضع مربعات الكتلة على صفحة واحدة تلو الأخرى (بالترتيب الذي تتم كتابته في HTML ). تبدأ في الجزء العلوي الأيسر من المربع الذي يحتوي على ورق وكرس من الأعلى إلى الأسفل. يتم تحديد المسافة بين كل مربع بواسطة الهوامش مع هبوط الهوامش العلوية والسفلية إلى بعضها البعض.
على سبيل المثال ، قد يكون لديك HTML التالي:
هذا هو أول div. يبلغ عرضه 200 بكسل مع هامش 5 بكسل حوله.
هذا هو div أوسع.
هذا هو div أوسع قليلاً من الثاني.
كل DIV هو عنصر كتلة ، لذلك سيتم وضعه أسفل عنصر الكتلة السابق. سوف تلمس كل حافة خارجية يسرى الحافة اليسرى للكتلة المحتوية.
وضع صناديق مضمنة
يتم وضع المربعات المضمنة على الصفحة أفقيًا ، واحدة بعد بداية أخرى في الجزء العلوي من عنصر الحاوية. عندما لا تتوفر مساحة كافية لتناسب جميع عناصر المربع المضمَّن في سطر واحد ، يتم التفافها إلى السطر التالي وتكديسها رأسيًا من هناك.
على سبيل المثال ، في HTML التالي:
هذا النص عريض ، وهذا النص مائل . وهذا نص عادي.
تعتبر الفقرة عنصر كتلة ، ولكن هناك 5 عناصر مضمنة:
- "هذا النص يكون "
- "بالخط العريض"
- "وهذا النص هو"
- "مائل"
- "وهذا هو نص عادي".
لذا ، فإن التدفق الطبيعي هو كيفية عرض عناصر المنع والعنصر هذه على صفحة الويب دون أي تدخل من مصمم الويب.
إذا كنت تريد التأثير على موضع عنصر ما على صفحة ما ، فيمكنك استخدام وضع CSS أو عوامات CSS .