← Overview

3. Page flow

HTML tries to place content top-to-bottom, like stacking things upside down. This downwards flow is why it's harder to work with heights rather than widths. You can also break this flow with position:absolute and fixed.

3-1. Overlapping margins

3-2. Resetting

3-3. Inline vs block

3-4. Absolute and fixed

3-5. Position sticky

3-6. Box sizing and VH