لقد قرأت العديد من الكتب وقرأت العديد من المقالات من قبل، وتدفق مستندات CSS، والعناصر على مستوى الكتلة (الكتلة)، والعناصر المضمنة يا رايلي، لقد وجدت أن مفهوم تدفق المستندات المذكور فيه جعلني حساسًا للغاية. لسوء الحظ، لم يشرح الكتاب ما هو تدفق المستندات. ربما اعتقد المؤلف أنه كان بسيطًا جدًا بحيث لا يستحق الذكر إنه أمر مهم حقًا، بعد فهمه، أصبح من السهل فهم مجموعة من نظريات تخطيط CSS، وأدركت عقلانية تصميم CSS، لذلك قمت ببناء تخميناتي وتجاربي للتوصل إلى تفسير، إذا كان هناك أي أخطاء، فهذا أمر طبيعي تمامًا .
تدفق الوثيقة
تقسيم النموذج إلى صفوف من الأعلى إلى الأسفل، وترتيب العناصر في كل صف من اليسار إلى اليمين، وهو ما يمثل تدفق الوثيقة.
يحتل كل عنصر غير عائم على مستوى الكتلة سطرًا خاصًا به، وتطفو العناصر العائمة في أحد طرفي السطر كما هو مطلوب. إذا لم يكن السطر الحالي مناسبًا، فسيتم تعويمه في سطر جديد.
لن تشغل العناصر المضمنة صفًا واحدًا، ويمكن لجميع العناصر تقريبًا (بما في ذلك عناصر مستوى الكتلة والعناصر المضمنة وعناصر القائمة) إنشاء صفوف فرعية لوضع العناصر الفرعية.
هناك ثلاث حالات تؤدي إلى وجود عناصر خارج تدفق المستند، وهي تحديد الموضع العائم، والموضع المطلق، والموضع الثابت. ولكن في IE، توجد العناصر العائمة أيضًا في تدفق المستند (مما يجعلني أعتقد أن هذا أمر معقول>).
لا تشغل العناصر العائمة أي مساحة تدفق عادية للمستند، ولا يزال موضع العناصر العائمة يعتمد على تدفق المستند العادي، ثم يتم استخراجها من تدفق المستند ونقلها إلى أقصى حد ممكن إلى اليسار أو اليمين. سيتم التفاف محتوى النص حول العنصر العائم. عندما يتم استخراج عنصر من تدفق المستند العادي، فإن العناصر الأخرى التي لا تزال في تدفق المستند تتجاهل العنصر وتملأ مساحته الأصلية.
سبب الخلط بين المفهوم العائم هو تفسير المتصفح للنظرية. لا يمكن إلا أن نقول أن العديد من الناس يستخدمون IE كمعيار، ولكن في الواقع ليس كذلك.
استنادًا إلى تدفق المستندات، يمكننا بسهولة فهم أنماط تحديد المواقع التالية:
تحديد المواقع النسبية,
وهذا يعني أنه تتم إزاحة العنصر بالنسبة إلى موضعه في تدفق المستند، ولكن يتم الاحتفاظ بالعنصر النائب الأصلي.
تحديد المواقع المطلقة,
أي أنه منفصل تمامًا عن تدفق المستند ويتم إزاحته بالنسبة إلى أقرب عنصر أصل بقيمة غير ثابتة لسمة الموضع.
تحديد المواقع الثابتة,
أي أنه منفصل تمامًا عن تدفق المستند وإزاحته بالنسبة إلى إطار العرض.
هناك بعض الأسئلة الأخرى التي لا أستطيع حلها بعد ذلك.
كأحد العناصر الأساسية الثلاثة، ما هو الفرق الرئيسي بين العناصر المضمنة والعناصر على مستوى الكتلة؟
كيف تفهم عندما تأخذ خاصية Clear القيمة الصحيحة؟ يبدو أن الوضع التجريبي يتعارض دائمًا مع النظرية.