همانطور که می دانید CSS یا Cascading Style Sheets یک روش قالب بندی و استایل دهی طراحی صفحه وب سایت است که با هدف ساده کردن پروسه زیبا سازی و قابل نمایش کردن صفحات وب، ایجاد شده است. زبان CSS، ظاهر و روح صفحات وب را برای نمایش بهتر و زیباتر، مدیریت می کند. با استفاده از CSS می توانید رنگ متن ها را کنترل کرده، قالب فونت ها را تعیین نموده، فاصله بین پاراگراف ها را مشخص کرده، چینش و ترتیب قرارگیری ستون ها را تعیین کرده، رنگ و تصویر پس زمینه برای صفحات قرار داده، الگوی طراحی کلی صفحه را مشخص ساخته و در نهایت تعیین کنید صفحه در انواع دستگاه های مختلف و اندازه صفحات نمایش گوناگون، چگونه نمایش داده شود. برای تعیین ابعاد و محل و نحوه قرارگیری جعبه ها (Boxes) در CSS، می توانید یکی از الگوهای طراحی زیر را انتخاب نمایید : الگوی block layout : از این الگو برای طراحی و تعیین نحوه قرارگیری اجزا در اسناد (documents) استفاده می شود. الگوی inline layout : از این الگو برای تعیین نحوه قرارگیری متن (text) استفاده می شود. الگوی table layout : از این الگو برای تعیین نحوه قرارگیری جدول ها (tables) و اطلاعات ستون وار استفاده می شود. الگوی table layout* : از این الگو همچنین در طراحی سنتی و تعیین قرارگیری اجزای صفحات بر مبنای جدول استفاده می شود. از تمامی متدهای فوق، برای ترازبندی المنت های خاصی مثل اسناد، متن، جداول، عکس ها و ... استفاده می شود. اما هیچ کدام از آن ها، راه حل کاملی را برای طراحی چینش سایت های بزرگ، فراهم نمی کنند. در اصل، روش های فوق ترکیبی از المنت های شناور (floated elements)، المنت های ثابت (positioned elements) و یا المنت های جدول دار را شامل می شوند. اما این روش ها فقط می توانند اشیاء را به صورت افقی (horizontally) بچینند و راه کار برای چنین عمودی ندارند.
علاوه بر روش های اشاره شده فوق، CSS3 حالت چینش دیگری را به نام Flexible Box که به اختصار FlexBox نامیده می شود، معرفی کرده است. با استفاده از روش FlexBox، می توانید به سادگی الگوی طراحی و چینش اجزاء را برای برنامه های بزرگ و سایت های کامل، تعیین کنید. بر خلاف حالت شناورسازی اجزاء (floats)، روش FlexBox، کنترل کاملی را بر روی جهت قرارگیری اجزاء (direction)، ترازبندی (alignment)، ترتیب (order) و اندازه جعبه ها (Boxes)، فراهم می کند.
در حال حاضر، FlexBox در نسخه های مختلف مرورگرها در لیست زیر و ورژن های بالاتر، پشتیبانی می شود : +Chrome 29 +Firefox 28 +Internet Explorer 11 +Opera 17 +Safari 6.1 +Android 4.4 +iOS 7.1