HomeОбразованиеRelated VideosMore From: Elzero Web School

Arabic Css Lessons - Learn The Relation Between Overflow and Float

369 ratings | 11141 views
Learn the relation between float and overflow and all solutions for clearing the float
Html code for embedding videos on your blog
Text Comments (89)
Ahmed Alqassass (30 days ago)
كان سؤال محيرني وهنا لقيت الآجابة .. شكرا
SEENNN UN (5 months ago)
eng subtitles pls..
TECH LAND (8 months ago)
الله يكرمك يارب يا استاذ اسامه
Yara Aliaa (10 months ago)
علاقة الfloat بال over flow لما بعمل للعناصر الموجوده داخل ال parent div لما بعملها float بتختفى مساحة الparent ولكى اظهرها فى اكثر من طريقة 1- اعمل clear سواء عن طريق انى اعمل div واعمل له class ="clear" 2- اكتب الكود اللى حضرتك كتبته .parent:after 3- اعمل للعناصر overfloat والمفضل ان يكون auto انا اسفة انى طولت بس الدرس كان صعب عليا لانى مبتدئه فكتبت اللى فهمته باختصار لحضرتك وأتمنى انى أكون فهمت صح
Mahmoud Abdulmoniem (11 months ago)
ممكن برضه تتحل ب (display:flow-root)
Elzero Web School (11 months ago)
غير مدعومة للاسف في متصفحات كتير https://caniuse.com/#feat=flow-root
Sayed Abdalla (1 year ago)
رائع👏🏿
Shadi Agmy (1 year ago)
ostaz osama,, ana lma 3amlt padding 5px ll child div, ettareet eny a3ml el width :49.2% 3shan l float yezhar ,,hal feh 7al ll mawdo3 dah wla dah l tare2a l sa7e7a ??
sayed ashraf (1 year ago)
بيتهيقلي العشة هي الي هتكبر عشان تلم الكتاكيت يعني لما انا بعمل float العشة بتصغر لحد 0 لاكن لما انا بعمل للعشة overflow: hidden فالمفروض تخفي الكتاكيت بس الكتاكيت معملها float فا مينفعش تتخفي فالعشة تعمل اية بقا بتكبر لحد اما تحتوي الكتاكيت صح كدة ولا انا لغبط
graphic designer (1 year ago)
Best teacher ever <3
Elzero Web School (1 year ago)
Thanks <3
Abdullah Programming (1 year ago)
أشكرك على هذا الشرح المفصل. بس عندي ثلاث أسئلة يا أستاذ أسامة: 1. هل قصدك بـ clearfix هو clear:both؟ 2. هل clear:both يعتبر أفضل حل لمشكلة float؟ 3. ليش لما استخدم position:relative مع overflow: auto يظهر لي scroll bar بس لما أشيل position:relative ما يظهر لي scroll bar؟ ومتأسف على الأسئلة الكثيرة وشكرا.
essam jamal (1 year ago)
السلام عليكم يابشمهندس انا عندى مشكلة فى position مش عارف اعطى العنصر القيمة relative or absolute or statice or fixed وكذلك عندى مشكلة فى display امتى اعطى العنصر ineline or block or inlineblock .... وكذلك float انا بمظم العناصر تمام فى ملف html وعند التنسيبق css لما اطبق property اللى انا ذكرتها دى الصفحة بتتطلع مش مرتبة والعناصر بتدخل على بعضها !!!! يا ترى ايه المشكلة ارجو الافادة وجزاكم الله خير الجزاء يا هندسة
anmar hazim (1 year ago)
شرح متميز من شخص متميز
samir abboud (1 year ago)
جزاك الله خيرا
Norhan M. Saleh (1 year ago)
أسأل الله أن يبارك لك ويسهل لك أمورك ويرزقك من حيث لا تحتسب
Gta Pro (1 year ago)
شكرا لك استاذ اسامه شرح مفهوم لكن ايش الفرق بين ال float و ال display:inline || display:inline-block || display:table-cell وايش الافضل استخدامها :(
Elzero Web School (1 year ago)
بعمل عنهم درس الاسبوع دة بالتفصيل بامر الله
MOHAMED HUSSIEN (1 year ago)
جزاك الله خيرا يا بشمهندس أسامة لقد بسطت لنا أصعب الأشياء اللي بتخلي الواحد يلف حولين نفسه أسأل الله العظيم بكل اسم له أن يجعلك من الخالدين في الفردوس الأعلي أنت ووالديك وأهلك وجميع المسلمين.
Elzero Web School (1 year ago)
اللهم آمين يارب يسعدك ويكرمك ويوفقك والحمد لله
ولله يا استاذ اسامة شروحاتك مفيدة جداااا جدا وما فيش حدا بيشرحها الله يعطيك العااافية شروحاااااات جميلة ومبسطة يعني ما بعرف كيف بشكرك والله يجعلهم في ميزان حسناتك يا رب
Elzero Web School (1 year ago)
الله يسعدك يارب ويكرمك تعيش
jaydeep chandegara (1 year ago)
can it possible in Hindi?
jaydeep chandegara (1 year ago)
then in English?
Elzero Web School (1 year ago)
Iam sorry brother i dont know hindi :(
IT Giants (1 year ago)
فعلا انا واجهت هالمشكلة وشكرا لك الآن عرفت كيف اصححها جزاك الله خير , الله يرضا عليك والله بدعيلك من كل قلبي
Abdo Shetewa (2 years ago)
دسم جدااااااااا اعيده تاني جزاكم الله خيرا
Elzero Web School (2 years ago)
الله يسعدك يارب تعيش
Ahmad Saleh (2 years ago)
أستاذي الفاضل .. كل الشكر والتقدير لك على الشرح الأكثر من رائع
Elzero Web School (2 years ago)
تعيش يارب جزاك الله خيرا
marwa sulaiman hindi (2 years ago)
يعني الاوفر فلو بيعالج الفلوت
Elzero Web School (2 years ago)
بيدخل اي عنصر عايم جوة المحتوى تاني يعني ممكن نقول بيعالج
Seif Eddine Slimene (2 years ago)
خرجت من الوورك فلو إيه معناها؟
Seif Eddine Slimene (2 years ago)
إنت إنسان محترم جدا و قناتك ممتازة بجد لأنك بتفسر للناس بضمير لازم إتكمّل زي كدا :)
Elzero Web School (2 years ago)
عنيا ياريس
Seif Eddine Slimene (2 years ago)
سيبنا من "خرجت" و إستبدلها بهذا أحسن لأنو كلمة "خرجت" يمكن أن تحمل عدّة تفسيرات
Elzero Web School (2 years ago)
خرجت معناها مبقتش موجودة في الحسبان مبقاش ليها مكان في التصميم يعني الحيز اللي هي حاجزاه مبقاش موجود دي معنى خرجت
Seif Eddine Slimene (2 years ago)
!خرجت من فين عرفناها لكن خرجت لفين؟
ELGENIAS ABDO (2 years ago)
حبيب قلبى يا هندسه اسطوره من يومك وجميله اوى الكتاكيت دى وكل سنة وحضرتك طيب وعيد سعيد عليك يارب
درس الفلوت اصعب درس في الـCSS وكمان درس البوزيشين .. تابعت هذا المقطع وبرضو ماحس ان المعلومة دخلت دماغي ان شاء الله اعيد المقطع 2 وثلاثة واربعه لين مافهمه وشكرا يااسامة الله يعطيك العافية
Elzero Web School (2 years ago)
الله يوفقك يارب
M07 AH (2 years ago)
اول ما بدأت كنت هتجنن ليه لما بعمل float الخلفية بتختفي بجد شرح اكتر من رائع وعجبني مثال الكتاكيت اللي خرجة برة 😂😂😂😂😂
Elzero Web School (2 years ago)
الله يكرمك يارب :)
abdulfattah tawil (2 years ago)
بسم الله ماشاء الله شرح خرافي جزاك الله خيرا
Elzero Web School (2 years ago)
الله يسعدك يارب ويكرمك عشت يارب
maamoun alali (2 years ago)
بعد إذنك يا بشمهندس أسامة : ليه لما بحط margin-left: 5px; أو margin-right: 5px; بيلغي ال float و ترجع الديفات كلها تحت بعض ؟؟
maamoun alali (2 years ago)
أوك شكرا .... جزاك الله خير
Elzero Web School (2 years ago)
هو مش بيلغي الفلوت خالص كل الموضوع انك زودت المساح فواحد منهم نزل تحت العنصر الاب عرضه 100px وعنصرين جواه معمول ليهم فلوت كل واحد عرضه 50px لو عملت ليهم فلوت هييجوا جمب بعض جرب تدي لاي حد فيهم مارجين كدة المساحدة زادت عن 100px اللي هو عرض الأب بتاعهم بالتالي لازم العنصر التاني ينزل تحت
Karrar Barazanchi (2 years ago)
شكرا استاذ اسامة.. لو سمحت في محرر الكمودو كان في اسهم لأرجاع الخطوات للوراء وايضا للتقدم الى الامام ... في البراكيتس مفيش اسهم... بتتعمل ازاي؟
Karrar Barazanchi (2 years ago)
+Elzero Web School شكرا عرفتهم cnt+z &cnt+x 😊
Elzero Web School (2 years ago)
والله بقالي سنين مشتغلتش عليه مش عارف قصدك على اي اسهم
SALH (2 years ago)
مشكوووور الله يسلمك
Faisal Alotibi (2 years ago)
ياليت تسوي درس كيف تخطط صفحة ادمن لوحة تحكم كاملة نافبار وقائمة جانبية ومحتوي وفوتر لاني حاولت وتعبت بصراحة لما احط قائمة جانبية تحت النافبار يختفي او يصبح شكله مو حلو.
Elzero Web School (2 years ago)
حاضر ان شاء الله
الشرح الأسطورى :)
Elzero Web School (2 years ago)
الله يسعدك يارب ويكرمك عشت
Eslam Magdy (2 years ago)
ايه ده ! والله حاسس اني باخد درس خصوصي والمدرس قاعد قدمي وبيفهمني شوية شوية بجد حضرتك كسرت كل المقاييس في الشرح ان شاء الله من نجاح لنجاح يا بشمهندس
Elzero Web School (2 years ago)
الله يسعدك يارب ويبارك في عمرك فرحتني كتير تعيش يارب
Vantom Channel (2 years ago)
احسن لايك لأحسن قائد ومًعلم الغني عن الألقاب أسامة محمد وما ادراك من اسامة محمد ♥ يعني الحب كله
Elzero Web School (2 years ago)
الله يسعدك يارب تعيش <3
Vantom Channel (2 years ago)
الدرس دا كنت منتظروووووووا من قروووون الف حمد وشكر ليك يارب ، انا كنت بحس اني غبي اوي وبستعمل الاوفر فلو بدون ما افهم ليه
Elzero Web School (2 years ago)
الله يكرمك يارب ويوفقك تعيش يارب
Ahmed Kadry (2 years ago)
الله ينور عليك ياريس
Ahmed Samra (2 years ago)
جزاك الله كل خير عندى مشكله لما اعمل div عباره عن container واعمل جواه 2 div float واستخدام clear:both واعمل تصغير للشاشه احرك scroll الافقى مش بيظهر div الاب كامل ?
Elzero Web School (2 years ago)
تمام الحمد لله
Ahmed Samra (2 years ago)
+Elzero Web School جزاك الله كل خير لقيت الحل فى اخر فيديو لحضرتك فى التصميم التانى علشان مش محدد عرض div
Elzero Web School (2 years ago)
اعمل الكود هنا codepen.io علشان مش فاهم قصدك والكلام داخل في بعضه
Azhar N Safi (2 years ago)
يعطيك ألف عافيه يااارب رائع جداا 👏🏿👏🏿👏🏿👍🏿
Elzero Web School (2 years ago)
الله يسعدك يارب
M.Amine AKAABOUNE (2 years ago)
جزاك الله خيرا اخونا اسامة :)
Ahmad ALQATARI (2 years ago)
👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻 والله تستحق ان نقف لك ونصفق 👌🏻👌🏻
Elzero Web School (2 years ago)
الله يسعدك يارب ويبارك في عمرك تسلم يارب <3
User 07 (2 years ago)
بارك الله فيك
Elsayed Seleim (2 years ago)
تسلم استاذنا جزاك الله خير
Elzero Web School (2 years ago)
وياك يارب
Osama Talaat (2 years ago)
السلام عليكم يا أستاذنا بعدإذنك أنا بستخدم brakets في التحرير وكدا مرة واحدة مبقاش يلون الكلام بالأزرق والأخضر والأصفر وبقى يكتب ابيض بس تقريبا أنا ضغطت على حاجة في الكيبورد بالغلط ممكن تعرفني حل المشكلة دي إيه
Elzero Web School (2 years ago)
الحمد لله ساعات بكتب وسم من غير قفلة بيعمل المشكلة دي وربنا يوفقك يارب
Osama Talaat (2 years ago)
ومشكلة الألوان اتحلت بفضل الله كدا كله تمام والحمد لله
Osama Talaat (2 years ago)
حلو مثال يلا ياجماعة لمو الكتاكيت في العشة ده :D :D ربنا يجزيك خير والله يا أستاذنا
Mohannad Khaled (2 years ago)
شكرر كتير الله يحفظك😊😊😊😆
Elzero Web School (2 years ago)
الله يسعدك يارب
Pro Learning (2 years ago)
والله شرحك روعه ومفيد هاد شرح الي من دور عليه من زمان مشاكل CSS
Elzero Web School (2 years ago)
ربنا يسهل ان شاء الله
Pro Learning (2 years ago)
اتمنى بان تشرح المشاكل css بشكل اكبر واوسع , ولك كل خير
Elzero Web School (2 years ago)
الله يسعدك يارب ويكرمك تسلم يارب

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.