网页布局（layout）是 CSS 的一个重点应用。
布局的传统解决方案，基于**盒状模型**，依赖 [display](<https://developer.mozilla.org/en-US/docs/Web/CSS/display>) 属性 + **[position](<https://developer.mozilla.org/en-US/docs/Web/CSS/position>)**属性 + **[float](<https://developer.mozilla.org/en-US/docs/Web/CSS/float>)属性。它对于那些特殊布局非常不方便，比如，垂直居中**就不容易实现。
2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。