HTML/CSS/Box Model/max height
max-height: 200px
<source lang="html4strict">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html> <head> <title></title> <style type="text/css"> p { padding: 10px; margin: 10px; border: 1px solid black; background: lightgray; position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-height: 200px; } </style> </head> <body>
This is a test.
</body> </html> </source>
max-width, min-width,max-height
<source lang="html4strict">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html>
<head> <meta http-equiv="content-type" content="text/xhtml; charset=windows-1252" /> <meta http-equiv="content-language" content="en-us" /> <style type="text/css"> div#body { margin: auto; max-width: 50em; min-width: 30em; max-height: 30em; overflow: auto; background: #ccc; } </style> </head> <body>
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
This is a test.
</body>
</html>
</source>