Wie man ein div auf auto einstellen, es ist die Höhe, mit verfügbare browser-Höhe
Ich habe ein div ( position :fixed ) mit unterschiedlicher Höhe je nach Inhalt. Eine auto-scroll für die, die ich Hinzugefügt haben overflow-y:auto
zugeordnet und eine Feste Höhe.
Gibt es eine Möglichkeit, automatisch die Höhe des div, so dass, wenn der browser Raum verändert wird, die Höhe des div entsprechend ändert, und wenn nicht genug Platz vorhanden ist die scroll-Leiste erscheint und, wenn genügend Speicherplatz zur Verfügung steht die Bildlaufleiste verschwindet.
InformationsquelleAutor | 2011-05-17
Du musst angemeldet sein, um einen Kommentar abzugeben.
verwenden
position:absolute
stattposition: fixed
und verwenden Sie den oberen, linken, rechten und unteren Koordinaten und stellen Sie den Schieberegler auf auto;Beispiel HTML:
CSS:
Beispiel : Hier
InformationsquelleAutor clairesuzy
Zwei DIVs, der eine verschachtelte innere des anderen.
Den äußeren DIV-sollte
position:fixed;max-height:100%;overflow-y:auto
Das innere DIV wird enthalten Ihre Inhalte. So weit ich erzählen kann, ist es nicht erforderlich, alle styles.
Was passieren sollte (und was passiert, wenn ich Teste das Update in meinem browser) ist, dass der äußere DIV-Element einpassen, passen die inneren DIV-aber es übersteigt nicht die Höhe des Fensters. Wenn der innere DIV grösser als die Höhe des Fensters, es wird auch über die Höhe des äußeren DIV, wodurch eine scrollbar.
EDIT: Beispiel-markup:
Und CSS:
InformationsquelleAutor DavidJCobb
Hören Sie die resize-Ereignis des Fenster und aktualisieren Sie die Breite entsprechend.
http://api.jquery.com/resize/
Alternativ, je nach layout Ihrer Seite, die Sie vielleicht in der Lage sein, um Sie nur
height: 100%
(oder anderen %, dass für Sie arbeitet).InformationsquelleAutor dtbarne