تکنولوژی FlexBox در سال 2009 معرفی شد. این تکنولوژی از CSS3 آمد و به عنوان یک سیستم چیدمان جدید برای عناصر در صفحه است یعنی المان‌های موجود در صفحه را به صورت انعطاف‌پذیر می‌توان چید.
اگر یادتان باشد در CSS3 برای اینکه طراحی‌مان را واکنش‌گرا کنیم از خاصیت float استفاده می‌کردیم و float خاصیتِ بدی که داشت این بود که عناصر را در صفحه به صورت شناور می‌کرد و مثل این بود که برای آن عنصری که خاصیت float تعریف شده بود، آن عنصر یک درجه از صفحه جدا می‌شد و قابل کنترل نبود و برای اینکه این خاصیتِ بد را از بین ببریم باید از خاصیت clear با مقدار both استفاده می‌کردیم. حال با آمدن تکنولوژی FlexBox دیگر نیازی به استفاده از float نداریم که بخواهیم خاصیتِ بدش را هم از بین ببریم.
اصلی‌ترین دلیلی که ما را به سمت FlexBox سوق می‌دهد، طراحی راحت‌تر سایت‌های واکنش‌گرا است. یعنی هر چقدر که سایز صفحه را کوچک یا بزرگ کنیم، المان‌ها متناسب با سایز صفحه کوچک و بزرگ می‌شوند. دلیل اینکه سایت‌های واکنش‌گرا می‌نویسیم این است که هر لحظه در دنیا یک deviceای ساخته می‌شود و کاربران، سایت‌ها را با deviceهای مختلف باز می‌کنند و سایت باید متناسب با هر سایزی درست نمایش داده شود.
در حال حاضر FlexBox به عنوان سیستم اصلی برای چیدمان مدرنِ عناصر در صفحاتِ وب استفاده می‌شود. FlexBox یک سیستم چیدمان تک بُعدی است که می‌توان از آن برای ایجاد چیدمان سطری یا ستونی استفاده کرد.