11.1 Overflow and clipping Generally, the content of a block box is confined to the content edges of the box. In certain cases, a box may overflow, meaning its content lies partly or entirely outside of the box, e.g.: A line cannot be broken, causing the line box to be wider than the block box. A block-level box is too wide for the containing block. This may happen when an element's 'width' property has a value that causes the generated block box to spill over sides of the containing block. An element's height exceeds an explicit height assigned to the containing block (i.e., the containing block's height is determined by the 'height' property, not by content height). A box is positioned absolutely. It has negative margins. Whenever overflow occurs, the 'overflow' property specifies how (and whether) a box is clipped. The 'clip' property specifies the size and shape of the clipping region. Specifying a small clipping region may cause clipping of otherwise visible contents. 11.1.1 Overflow: the 'overflow' property 'overflow' Value: visible | hidden | scroll | auto | inherit Initial: visible Applies to: block-level and replaced elements Inherited: no Percentages: N/A Media: visual This property specifies whether the content of a block-level element is clipped when it overflows the element's box (which is acting as a containing block for the content). Values have the following meanings: visible This value indicates that content is not clipped, i.e., it may be rendered outside the block box.
11.1 Overflow and clipping Generally, the content of a block box is confined to the content edges of the box. In certain cases, a box may overflow, meaning its content lies partly or entirely outside of the box, e.g.: A line cannot be broken, causing the line box to be wider than the block box. A block-level box is too wide for the containing block. This may happen when an element's 'width' property has a value that causes the generated block box to spill over sides of the containing block. An element's height exceeds an explicit height assigned to the containing block (i.e., the containing block's height is determined by the 'height' property, not by content height). A box is positioned absolutely. It has negative margins. Whenever overflow occurs, the 'overflow' property specifies how (and whether) a box is clipped. The 'clip' property specifies the size and shape of the clipping region. Specifying a small clipping region may cause clipping of otherwise visible contents. 11.1.1 Overflow: the 'overflow' property 'overflow' Value: visible | hidden | scroll | auto | inherit Initial: visible Applies to: block-level and replaced elements Inherited: no Percentages: N/A Media: visual This property specifies whether the content of a block-level element is clipped when it overflows the element's box (which is acting as a containing block for the content). Values have the following meanings: visible This value indicates that content is not clipped, i.e., it may be rendered outside the block box.
Additional bug: Zoom the page, then try to use one of the scrollbars...