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