max-height-in-%

Codice
<style>
.contenitore {
height: 400px;
width: 300px;
border: 2px solid #333;
}
.contenuto {
height: 100%; /* altezza uguale a quella del contenitore */
max-height: 50%; /* massimo 50% dell'altezza del contenitore */
background-color: lightgreen;
overflow: auto;
}
</style>
</head>
<body>
<a href="#" onClick="window.history.go(-1);">Home</a>
<div class="contenitore">
<div class="contenuto">
Questo contenuto può crescere fino alla metà dell'altezza del contenitore, cioè 200px.
</div>
</div>