ما شاء الله ملخص الدرس خواص overflow Default value is visible. Overflow :hidden; Overflow:scroll; Overflow:auto; تستخدم خاصة overflow أيضا لما تكون واضع float لعناصر داخل الديف مثلا وتستخدمها يظهرلك العناصر جوا الديف.
اخي انت عملت Overflow:hidden لاظهار الباراغرافز في داخل الديف عفوا ، كيف الاوفر فلو هيدين وهيا اصلا ما فيش اوفر فلو . ليش الديف راح مخفي اصلا لما عملت فلوتينغ علي اليسار ، مش من المفروض يبقي البراغرافس داخل الديف حتي لو ما اعطيناش طول او عرض معين للديف . سؤالي بطريقة اخري ، ليه الديف طوله صفر بعد الفلوتينغ علي اليسار
شكرا ليك يا استاذنا الفاضل ... و عندي تلميح بعد اذنك .... ...يعني نفهم من شرحك ,,انه عندما تكون لدينا خاصية float و التي تجعل العنصر معروض خارج الdiv؟؟؟ ... عندها نقوم بوضع الhidden و التي تبقي العنصر معروض داخل الdiv مع خاصية الfloat ؟؟؟
يمكنك أيضا استخدام overflow:auto. ولكن العيب إذا كان لديك نص طويل ، وسيتم عرض شريط التمرير . لذا يمكنك استخدامها overflow:hidden. وهناك أيضا عيب في استخدام overflow:hidden. فإنه سيتم إخفاء محتوياته . نظرة على هذا المثال : webdesignerwall.com/tutorials/css-clearing-floats-with-overflow webdesignerwall.com/demo/clear-float/drawbacks.html ********************************************************************************* you can also use overflow:auto. but the drawback if you have a long text, the scroll bar will be shown. therefore you can use overflow:hidden. There is also a drawback of using overflow:hidden, it will hide the content of this container. look at this example: webdesignerwall.com/tutorials/css-clearing-floats-with-overflow webdesignerwall.com/demo/clear-float/drawbacks.html
مساء الخيرات .. ربنا يحفظك ويجزيك خير يا رب ^_^ .. طب ممكن حضرتك توضح الآتى: 1- هل overflow = clear ولا كل واحدة مختصة بمهمة معينه بيتم استخدام كل منهما فى مواضع معينة 2- هل ممكن حضرتك تورينى بعض الأمثلة لoverflow شكراً جزيلاً ورزقك الله من حيث لا تحتسب بكل جميل
Amiena Mohamed مساء الفل و الخير الكلير مختلفة وظيفتها تمام هي بتعالج المسافات اللي بعد الفلوت و في درس الفلوت هتشوفي شرح تفصيلي ليها من الألف الى الياء اما الاوفر فلو هعملك ديف حالا بجميع الاوضاع الخاصة بالافورفلو و الشرح في الفيدو طبعا هيوضحلك الفروق بينهم codepen.io/OsamaElzero/pen/myoWoJ باختصار شديد Auto لو الديف المحتوى الخاص بيه عدى الطول بيظهر السكرول اللي جوة الديف Visible المحتوى اللي جوة الديف لو عدى الطول بيظهر في الشاشة و بيطلع برة الديف مع الحفاظ على طول الديف Scroll في كل الاحوال بظهر سكرول سواء المحتوى عدى طول الديف او لا لكن لو معداش بيظهر محتوى السكرول بس لكن مش بتقدري تتحركي طبعا Hidden لو محتوى الديف عدى الطول بيختفي و مش بيظهر و بيظهر بس لحد المكان اللي فيه طول الديف لو احتجتي مساعدك راسليني على الميل و انا اشرحلك بالتفصيل لو في حاجة واقفة قدامك
Elzero Web School مساء الهنا والسعادة لحضرتك يا رب طيب كويس كده الدنيا وضحت أكتر وأنشاء الله على خير توضح أكتر لما أبتدى أعمل تصميم وأكتب الكود بتاعه وربنا يسترها بقى ههههههههههههه ربنا يجزيك خير يا رب ويحفظك ويرزقك من حيث لا تحتسب .. قريب قوى عايزه اخلص مجموعه الفيديوهات الخاصة بالسى اس اس وهبتدى اصمم واكود وابعت لحضرتك على الميل تراجع وتقولى الدنيا فيها ايه على خير بوكيه ورد من جو الربيع محمل بكل مشاعر الخير والود لأخى المهندس أسامة ^_^ * سؤال هو الموقع ده codepen.io/ ما هى فائدته؟ شكراً
+Amiena Mohamed الموقع دة كمحرر بس على النت عشان تعرفي تششاركي بية الكود اللي بتكتبية فية منه نسخة مجانية ومدفوعة بس خلينا فالمجانية :D بتكتبي الكود وبيتحفظ على ايميلك وممكن تشاركية على الفيس مثلا او اي موقع او اي حد يعدل علية بحيث مثلا يصحح معلومة او يظبت حاجات عندك .
بشمهندس اسامة انا كنت زمان لما اقع فى مشكلة زى بتاعت ال height دى مكنتش اعرف موضوع ال overflow فكنت بعمل float لل parent div .. هى كانت بتؤدى الغرض بس مش عارفة صح ولا غلط كده ؟
شكرا جدا لحضرتك وجزاك الله خيرا على مجهودك الكبير بس لو سمحتلي كنت عايز اراسل حضرتك فيس لو مفيش عن حضرتك مانع لاني عندي استفسار عن حاجه تانيه دا بعد اذنك طبعا
السلام عليكم استاذ انا لازم اكون عارف كل شي عن الخصائص والقيم والاستخدامات في الكورس ده اشان امشي للكورس بتاع css3s ولا طريقة الاستخدام بتكفي واركز في الكورس الثاني اكتر وشكرا على المجهود الكبير
+abdallah ahmed الفلوت بيخلي العنصر عايم في الصفحة كانه مش موجود جوة الاب بالتالي الاب بيكون طوله صفر علشان تعالج الموضوع اما تعمل للديف اوفر فلو هيدين او تعمل كلير بعد الفلوت
![Learn Css in Arabic #20 - Overflow - Visible, Hidden, Scroll, Auto [ Css 2 ]](/img/logo.svg){kind=logo}
