CSS2 Test Suite: 10.7 min-height

[index page] [section] [Previous] [Next] [Specification]

The style declarations contained within this page:

.test {background-color: silver;}
.cl1 {height: 50%; min-height: 100px;}
.cl2 {min-height: 50%;}
.cl2contain {height: 80px; border: 1px dotted gray;}

[test cl1] This 'p' element has a percentage height, which should be treated as 'auto', and a minimum height of 100 pixels.

The following 'div' has a class of 'cl2contain', and contains an image with a class of 'cl2'. The image should be a minimum of half the height of the content-height of the 'div' that contains it.

test image

[index page] [section] [Previous] [Next] [Specification]