] हालाँकि, फ्लेक्सबॉक्स कंटेनरों में, यह व्यवहार भिन्न होता है। मार्जिन-बॉटम: 20px; } मुख्य { मार्जिन-बॉटम: 20px; }

हालांकि, एक फ्लेक्सबॉक्स कंटेनर में:

#कंटेनर { प्रदर्शन: फ्लेक्स; फ्लेक्स-दिशा: स्तंभ; } लेख { मार्जिन-बॉटम: 20px; } मुख्य { मार्जिन-बॉटम: 20px; } मार्जिन अब नहीं गिरता है, जिसके परिणामस्वरूप अंतिम लेख और पाद लेख के बीच एक बड़ा अंतर होता है। हालांकि, फ्लेक्सबॉक्स कंटेनर एक अलग प्रकार का संदर्भ बनाते हैं जिसे फ्लेक्स फॉर्मेटिंग संदर्भ कहा जाता है।

CSS बॉक्स मॉडल विनिर्देश के अनुसार:

"एक फ्लेक्स कंटेनर अपनी सामग्री के लिए एक नया फ्लेक्स फॉर्मेटिंग संदर्भ स्थापित करता है। पतन क्योंकि सामग्री को एक सामान्य ब्लॉक लेआउट के लिए अलग -अलग राइजपेटो का इलाज किया जाता है। फ्लोट्स फ्लेक्स कंटेनर में घुसपैठ नहीं करते हैं, और कंटेनर के मार्जिन इसके बाल तत्वों के मार्जिन से अलग रहते हैं।