ho questo struttura HTML:Scrollbar senza altezza/altezza dinamica fissa con barra di scorrimento
<div id="body">
<div id="head">
<p>Dynamic height without scrollbar</p>
</div>
<div id="content">
<p>Dynamic height with scrollbar</p>
</div>
<div id="foot">
<p>Fixed height without scrollbar</p>
</div>
</div>
voglio avere le tre parti all'interno della parte principale (#body) senza troppopieno. Quindi ho bisogno di una barra di scorrimento nella parte centrale.
Ho provato questo CSS:
#content{
border: red solid 1px;
overflow-y: auto;
}
E questo:
#content{
border: red solid 1px;
overflow-y: auto;
height: 100%;
}
Ma nessuno di loro lavoro.
Ho fatto un esempio a JSFiddle.
Posso farlo solo con CSS e HTML? Preferirei evitare Javascript.
Penso che questa risposta dovrebbe essere accettata come risposta per CSS3. – hjchin
Penso che non sia la risposta corretta. Non funzionerà senza un'altezza fissa per l'elemento del corpo. – Equanox
@Equanox L'altezza limitata del contenitore è il punto, altrimenti le tre parti si espandono semplicemente verticalmente e non ci sarebbe bisogno di barre di scorrimento. Si noti che può essere un 'max-height' invece di un' height' fisso. – mtyaka