.covered-div { clear: both; } Problem: A fixed header overlaps the top of a <div> when scrolling.

It sounds like you're running into a where a solid block of text is overflowing or "covering" a <div> (or vice versa), possibly due to position: absolute , z-index , or float/clear issues.

.clearfix::after { content: ""; display: table; clear: both; } Or for overlapping text due to floats:

I’ll give you a few common causes and fixes for when instead of flowing around it. 1. Absolute positioning causing overlap Problem: Text inside a positioned element overlaps another div because the div is taken out of normal flow.