2016-03-28 7 views
0

Ich setze einen min-width von 1000px auf a website I've been working on. In der Kopfzeile haben die (float ed) Links jeweils einen Prozentsatz von width (25%) und der <nav> hat eine volle Breite (100%).CSS prozentuale Breite außerhalb der Dokumentbreite?

Derzeit, wenn das Fenster zu klein ist, wird die Kopfzeile und Navigationsleiste bei 100% Fensterbreite abgeschnitten (es wird nicht in den Überlaufbereich erweitert).

Gibt es eine Möglichkeit (mit nur CSS) für die Kopfzeile auf die volle Dokument Breite (nicht die Fenster Breite), zu erweitern und dann die Verbindungen entsprechend zu skalieren? Vielen Dank.

+0

verwenden Ich sehe das Problem nicht. Was meinst du mit "wird abgeschnitten"? Die Navigation bricht, aber das ist zu erwarten ... Wenn Sie nicht möchten, dass der Text bricht, warum verkleinern Sie ihn nicht mithilfe von Medienabfragen in CSS? – Narxx

+0

@Narxx Ich möchte nicht, dass die Navigation bricht. Der '

+0

Warum geben Sie nicht die Kopfzeile die gleichen Breite Eigenschaften wie der Inhalt? 'calc (100% + 80px)'? Persönlich verstehe ich nicht, warum du das tust, es macht keinen Sinn für mich, aber wenn du willst, dass die zwei Teile dieselbe Breite haben und du einen von ihnen manuell änderst, ändere auch den anderen ... – Narxx

Antwort

0

Sie müssen alle Daten wickeln (wie: header, # Container, Footer) innerhalb der Wrapper div <div id="wrapper"></div>, padding-top-Eigenschaft aus dem Körper entfernen und unten genannten CSS

#wrapper{padding-top: 150px;position: relative;}