Este diagrama ilustra cómo el contenido puede desbordar una caja.
Se muestran dos cajas. La primera tiene un borde rojo y está identificada con DIV. La esquina superior izquierda de la segunda caja, identificada con BLOCKQUOTE, está posicionada en el medio de la caja DIV. La caja BLOCKQUOTE tiene un borde de rayas negras y contiene el siguiente texto, atribuido a Groucho Marx: "No me gustó la obra, pero la ví bajo condiciones adversas -el telón estaba levantado-." La caja BLOCKQUOTE desborda la caja DIV por la derecha y abajo de ella. Como la propiedad 'overflow' de BLOCKQUOTE es 'visible', el texto que desborda permanece visible.