Pricing Learn Community

Overview
CARDS

Position static

Tailwind CSS Position static

Use responsive position static utilities with TW elements. Position the element relative to its normal position, not taking into account the offsets.

Basic example

Use .static class to position an element according to the normal flow of the document.

Any offsets will be ignored and the element will not act as a position reference for absolutely positioned children.

Static parent

Absolute child

HTML

        
            
        <div class="... static">
          <p>Static parent</p>
          <div class="... absolute bottom-0 left-0">
            <p>Absolute child</p>
          </div>
        </div>

Basic example
Related resources