حل على float

يمكنك ان تزور الصفحة التالية حيث يوجد فيها تفاصيل float 

كما يوجد التوثيق الرسمي الخاص بها.

https://wiki.hsoub.com/CSS/float

لا حاجة لتعلم تلك الخاصية الآن، يكفيك فقط فهم الفكرة والتطبيق على مثال بسيط، وقم بتركيز كامل جهدك على تعلم الـ Flexbox و CSS Grid Layout كما تم التوضيح هنا:

في الماضي قبل 2015 كنا بحاجة لاستخدام float لوضع عنصر بجانب عنصر مثل وضع القائمة الجانبية بجوار المحتوى الرئيسي، ولكن ذلك كان يعتبر تحايل لأن float لم يصمم لهذا الغرض أصلاً، وكان يسبب مشاكل كثيرة تتطلب حلولاً برمجية إضافية مثل Clearfix.

الآن، لدينا أدوات مخصصة وقوية جداً للتخطيط.

الوظيفة الأساسية التي صُنع float من أجلها هي جعل الصورة تطفو على اليمين أو اليسار بينما يلتف النص حولها مثل المقالات في الجرائد أو المدونات، وذلك هو الاستخدام الصحيح والوحيد له حاليًا في التصميم الحديث.

بتاريخ 2 دقائق مضت قال Mustafa Suleiman:

لا حاجة لتعلم تلك الخاصية الآن، يكفيك فقط فهم الفكرة والتطبيق على مثال بسيط، وقم بتركيز كامل جهدك على تعلم الـ Flexbox و CSS Grid Layout كما تم التوضيح هنا:

في الماضي قبل 2015 كنا بحاجة لاستخدام float لوضع عنصر بجانب عنصر مثل وضع القائمة الجانبية بجوار المحتوى الرئيسي، ولكن ذلك كان يعتبر تحايل لأن float لم يصمم لهذا الغرض أصلاً، وكان يسبب مشاكل كثيرة تتطلب حلولاً برمجية إضافية مثل Clearfix.

الآن، لدينا أدوات مخصصة وقوية جداً للتخطيط.

الوظيفة الأساسية التي صُنع float من أجلها هي جعل الصورة تطفو على اليمين أو اليسار بينما يلتف النص حولها مثل المقالات في الجرائد أو المدونات، وذلك هو الاستخدام الصحيح والوحيد له حاليًا في التصميم الحديث.

 

بارك الله فيك مصطفى ، انا اتعلم دلوقتي css واحاول التطبيق على كل ما اتعلمه والان مفروض ادخل على Flexbox لاكن المدرب قال في الفيديو تدرب على float  انا فهمت فكرتها لاكني غير متمكن جدا منها فهل اكمل وادخل في flexbox ?

ان طبقتها مرة او مرتين وفهمت كيفية عملها فهذا كافي ولا تحتاج للتعمق فيها كثيرا وانطلق ل Flexbox حيث هنالك يكمن ترتيب الصفحة بالتصاميم الحديثة.

بتاريخ 2 دقائق مضت قال عماد شيخ العشرة:

ان طبقتها مرة او مرتين وفهمت كيفية عملها فهذا كافي ولا تحتاج للتعمق فيها كثيرا وانطلق ل Flexbox حيث هنالك يكمن ترتيب الصفحة بالتصاميم الحديثة.

يعني الاعتماد حاليا على flexbox و grid وليس float

في ترتيب الصفحات بشكل كامل نعم كلا من flexbox و grid هم الشائعين وكما قال لك المدرب مصطفى ان موضوع float هذه الأيام يقتصر على جعل الصورة تطفو على اليمين أو اليسار بينما يلتف النص حولها مثل المقالات في الجرائد أو المدونات.

بتاريخ 1 دقيقة مضت قال عماد شيخ العشرة:

في ترتيب الصفحات بشكل كامل نعم كلا من flexbox و grid هم الشائعين وكما قال لك المدرب مصطفى ان موضوع float هذه الأيام يقتصر على جعل الصورة تطفو على اليمين أو اليسار بينما يلتف النص حولها مثل المقالات في الجرائد أو المدونات.

شكرًا لك عماد ، سأنهي تعلم flexbox و grid  وسأطبق عليهم مشاريع وإن وقف أمامي شئ سأكلمكم شكرا لكم