maximum height and minimum height of a box

max-height: ***; min-height: ***;

Firefox Opera

The max-height property specifies the maximum height of an element, and the min-height property specifies the minimum height of an element.

div {
max-height: 350px;
min-height: 250px;

Property Value Explanation
max-height length, %, or none the size of the maximum height (the default is none)
min-height length or % the size of the minimum height (the default is 0)


<title>TAG index</title>

<style type="text/css">

div {
height: 100%;
max-height: 500px;
min-height: 300px;
background-color: #bde9ba;



<div>minimum height:300px - maximum height:500px</div>