كيفية إنشاء تذييل مستجيب باستخدام CSS

الحفاظ على تذييل في أسفل الصفحة هو متطلبات تصميم ويب شائعة. ومع ذلك ، يواجه بعض المستخدمين صعوبات في استخدام خاصية تحديد المواقع "المطلقة". ستوجهك هذه المقالة من خلال تطبيق CSS الصحيح لتحقيق تأثير تذييل لزج دون تعطيل تخطيطك.

اليسار: 0 ؛ أسفل: 0 ؛ الارتفاع: 100px ؛ العرض: 100 ٪ ؛

الحل المقترح

position: absolute;
left: 0;
bottom: 0;
height: 100px;
width: 100%;

الموقف: قريب MINIight: 100 ٪ ؛ } جسم { الهامش: 0 0 100px ؛ / * أسفل = ارتفاع تذييل */ } #أسفل القدم { الموقف: ثابت ؛ اليسار: 0 ؛ أسفل: 0 ؛ الارتفاع: 100px ؛ العرض: 100 ٪ ؛ }