"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > كيفية إنشاء تخطيط من العمودين مع عمود يمين عرض ثابت وعمود يسار السوائل؟

كيفية إنشاء تخطيط من العمودين مع عمود يمين عرض ثابت وعمود يسار السوائل؟

نشر في 2025-02-06
تصفح:764

How to Create a Two-Column Layout with a Fixed-Width Right Column and a Fluid Left Column?

2 عمود DIV التصميم: تحقيق عمود يمين ثابت ويسار يمين السوائل

التحدي: تخطيط من العمودين حيث يكون للعمود الأيمن عرض ثابت أثناء ضبط العمود الأيسر ديناميكيًا على المساحة المتاحة.

الكود المقدم: قم بتنفيذ التصميم باستخدام العوام والهامش ، ولكن يواجه مشكلات.

الحل: الإرشادات:

&&&] ضع العمود الأيمن (#Right) قبل العمود الأيسر في رمز HTML. هذا يضمن تطبيق عرض العمود الأيمن أولاً.

تطبيق الفطائر على div الخارجي:

أضف الفائض: مخفي وارتفاع (على سبيل المثال ، الارتفاع: Auto) إلى Div الخارجي (Div. حاوية). هذا يمنع divs الداخلية من التغلب على الحاوية. يسمح هذا للعمود بملء المساحة المتبقية ويمنع التفاعل مع العمود الأيمن. &&&]

المحتوى الصحيح مع العرض الثابت
المحتوى الأيسر بعرض مرن
  1. css: الارتفاع: السيارات ؛ الفائض: مخفي. } .يمين { العرض: 180 بكسل ؛ تعويم: صحيح. الخلفية: #aafed6 ؛ } .غادر { تعويم: لا شيء ؛ الخلفية: #e8f6fe ؛ العرض: السيارات ؛ الفائض: مخفي. }
أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3