O'Reilly logo

CSS Master by Tiffany B Brown

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 4 Complex Layouts

In this chapter, we’ll dig into a few CSS layout topics. In the first half, we’ll tackle two fundamentals of CSS layout: the box model and stacking context. Understanding these concepts will help you create complex layouts and diagnose layout bugs.

In the second half of the chapter, we’ll look at two newer layout-related CSS specifications: the CSS multicolumn layout module and the flexible box module (better known as flexbox). Both modules allow developers to create layouts that are robust and adaptable across a range of device sizes.

Managing the CSS Box Model

Perhaps the most important point to understand about CSS is this: Everything is a box. More specifically, every element in a document generates ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required