CSS: stellen container Bildschirm passen
Arbeite ich an einer website, die zwei Container: Seitenleiste und dem Hauptinhalt.
Das problem ist, dass beim minimieren des Fensters (nur) in der linken Seitenleiste passt die Größe der aktuellen Größe des Bildschirms und beim scrollen nach unten die sidebar verschwindet.. Das passiert nur, wenn der content-container (rechts) füllt nicht den Bildschirm..
Kann man versuchen, zu minimieren auf dieser Seite Sie werden sehen, dass der linken Navigationsleiste verschwindet, wenn Sie nach unten scrollen, wenn das Fenster minimiert ist.
Können Sie versuchen, eine gute Seite mit mehr Inhalt, du wirst sehen, dass alles in Ordnung ist hier..
Versuchte ich height="100%" and width="100%"
min-height
Attribut auf der sidebar 🙂Hast du den link auf der gleichen Seite zweimal? Weil ich nicht sehe das gleiche Verhalten, wie Sie es beschreiben, auf die Seite, die Sie verlinkt.
NÖ verschiedenen Seiten
InformationsquelleAutor Zbone | 2013-04-08
Du musst angemeldet sein, um einen Kommentar abzugeben.
OK es Herausgefunden
Musste ich hinzufügen:
den Körper
und verwenden
in der Seitenleiste auf
Dank für deine Hilfe 🙂
InformationsquelleAutor Zbone
Das Hauptproblem ist, dass der wrapper und sidebar-Elemente in Ihrem Körper sind absolut positioniert, daher der Körper nicht wissen, wie Sie zu erweitern, um die Größe der Inhalte auf der Seite selbst, als absolut positionierte Elemente werden aus dem Fluss des Dokuments. In diesem Fall müssen Sie den Inhalt der Seite aus dem Dokument fließen.
Daher, die Einstellung der Höhe oder min-height, das body-element wird nicht funktionieren, da es nur auf die Höhe des Viewports und sonst nichts. Der Kinder-container ist absolut positioniert, wird dann auch auf die Höhe des Viewports.
Scrollen ist immer noch möglich, den Vorteil, dass Inhalte, die überfüllt ist von einem der beiden absolut positionierten Kinder.
Können Sie versuchen, die Einstellung
height: auto
auf das sidebar-element. Alternativ, Sie sollten Schwimmer Ihre wrapper und sidebar (und nehmen Sie die absolute Positionierung) - das wird zumindest die Inhalte wieder in den Belegfluss, die dem browser erlaubt die Berechnung der tatsächlichen 100% der Höhe 🙂Absolut-Positionierung ist ein bisschen ein heikles Thema, muss ich zugeben.
InformationsquelleAutor Terry
Ich vermute, dass die Container sind divs?
Die Breite sollte bei 100% wie haben Sie es da, aber für die Höhe ist, versuchen Sie:
line-height:100%
.InformationsquelleAutor Phillip-juan