The style declarations contained within this page:
.test {background-color: silver;}
.cl1 {height: 250px; max-height: 100px;}
.cl2 {max-height: 50%;}
.cl2contain {height: 10px; border: 1px dotted gray;}
[test cl1] This 'p' element has a height of 250 pixels, and a maximum height of 100 pixels. It should thus be no more than 100 pixels tall.
The following 'div' has a class of 'cl2contain', and contains an image with a class of 'cl2'. The image should be a maximum of half the height of the content-height of the 'div' that contains it.