السلام عليكم ورحمة الله .. لقد كنت أعاني من مشكلة في فهم الـ Display بشكل عام , فـ لم أكن أعلم لماذا أستخدمها أو ماذا تختلف كل خاصية عن الأخري ولكن عندما تعمقت في الموضوع وجدت إنها سهله جداً display :none وهذه تقوم بإخفاء العنصر من مكانة في الصفحة بشكل عام , ولا تحتفظ بمكان العنصر في الصفحة وتستبدلة بالعنصر الذي أسفلة display: inline هذه الخاصية حيرتني بعض الشئ , ولكن وجدت أنها لا تحترم الـ Height + width ولا

عاوز حد يفهمني أمتي أستخدم الـ float لية بستخدمة ؟! وأزاي احط عنصرين جمب بعض وادي كل واحد فيهم float علي سبيل المثال , لو عندي Navigation bar عاوز علي اليمين أحط الـ ul فيها home / about / Contant .... وعلي الشمال أحط الـ ul فيها social media icon اتمني التوضيح بشكل مبسط

لقد كنت مثلكم تماماً , أعاني من فهم الـ float , لقد بعد التعمق وجدت إنه سهل جداً سأعطيكم مثال علي أرض الواقع , حسناً لو كان لديك منزل وقمت ببناء حولة سد , وحدث فيضان , ماذا سوف يحدث ؟! لن يدخل الماء إلي المنزل بالتأكيد بسبب السد , ولكن ماذا يحدث إذا قمت بإزالة السد ؟!! بالتأكيد سوف يدخل الماء ويجعل المنزل يطفو فوق الماء , هكذا الـ float العنصر العادي يكون كالمنزل الذي يحيطة السدود , ولكن

متي أستخدم الـ display , ولماذا أستخدمة من الأساس ؟! وما هيا العناصر الـ inline و العناصر الـ block و الـ inline-block ارجو الشرح بالتفاصيل , مع امثلة إذا امكن