Bildlaufleiste bei div mit Überlauf: auto und prozentuale Höhe

Ist es möglich, ein div zu erstellen, das sich an die Größe des Browsers anpasst und auch scrollbar ist. Ich möchte Überlauf: Auto auf der div und prozentuale Höhe von 90%.Bildlaufleiste bei div mit Überlauf: auto und prozentuale Höhe

Die Struktur der Seite ist

<body style="height:100%"> 
<div id=header style="height:100%">headerinfo</div> 
<div id=content style="height:100%;overflow:auto">content which is replaced dynamically</div> 
</body>

Überlauf: Auto-Arbeit ohne eine bekannte Pixel Höhe irgendwo in der Hierarchie?

Quelle

2013-06-12 techdog

In Antwort auf Ihre Frage, ja overflow:auto funktionieren wird, aber Sie werden auch height: 100% auf dem HTML-Tag brauchen:

html,body {  
    height:100%; 
    margin: 0; 
} 
#header { 
    height: 100%; 
} 
#content { 
    height: 100%; 
    overflow: auto; 
}

Die Art und Weise Ihr Markup obwohl produzieren strukturiert ist, zwei divs beide die gleiche Höhe wie das Ansichtsfenster übereinander. Hast du das beabsichtigt?

Wenn ja, ist hier ein jsFiddle, das Ihr Beispiel veranschaulicht. Ich habe das Markup optimiert und zusätzlichen Inhalt hinzugefügt, sodass der Inhalt div wie gewünscht überläuft.

http://jsfiddle.net/chrissp26/WsNjm/

Quelle

2013-10-10 11:49:38

Bildlaufleiste bei div mit Überlauf: auto und prozentuale Höhe

Antwort

Verwandte Themen