The green box has dimension 100px × 100px, padding 10px. The blue bar (width 110px) should overflow at the right, and the red one (height 110px) at the bottom.
visible:
hidden:
scroll:
auto:
auto, with only horizontal overflow:
auto, with only vertical overflow:
auto, with no overflow:
Is hidden able to hide the whole content? Not in IE5.5/Win, IE5.2/Mac
Before (h: 0)
After (h: 0)
Before (h: 1px)
After (h: 1px)
Using a paragraph (IE5/Mac KO with hidden and auto!!!):
visible:
a_very_very_very_very_very_very_long_word a_very_very_very_very_very_very_long_word a_very_very_very_very_very_very_long_word a_very_very_very_very_very_very_long_word
hidden:
auto:
a_very_very_very_very_very_very_long_word a_very_very_very_very_very_very_long_word a_very_very_very_very_very_very_long_word a_very_very_very_very_very_very_long_word
again hidden, using a div to IE5/Mac's benefit:
The end
Similar overflow tests with position:relative on the overflowing elements. Other overflow tests