Overflow hidden

Tailwind CSS Overflow hidden

Learn how to make it easily and quickly clip any content within an element that overflows the bounds of that element.

If you don't want the content of an element to go beyond the borders of this element, add the .overflow-hidden class.

This is an example of using .overflow-auto on an element with set width and height dimensions. By design, this content will vertically scroll.

This is an example of using .overflow-hidden on an element with set width and height dimensions.

        
            
        <div class="overflow-auto">...</div>
        <div class="overflow-hidden">...</div>

Hide overflowing content using the .overflow.hidden class.

Overflow visible

Overflow hidden

        
            
        <div class="overflow-visible">...</div>
        <div class="overflow-hidden">...</div>