Mein div ist größer als die Breite meines Fensters

8

Dies ist die css meiner div . Ich erwarte, dass der Hintergrund den gesamten Bildschirm ausfüllt, aber er ist größer als meine Bildschirmauflösung. Daher wird eine untere Bildlaufleiste angezeigt.

%Vor%     
greeness 01.10.2012, 17:14
quelle

5 Antworten

8

Sie können Box-Sizing verwenden

%Vor%

Dies macht es so, wenn Sie Padding, Rand oder Rahmen hinzufügen, wird es die Breite nicht beeinflussen. (IE7 und darunter funktioniert nicht)

    
jsweazy 01.10.2012 17:39
quelle
1

Sie fügen Padding zu der bereits 100% Breite hinzu.

Was Sie tun müssen (wenn Sie Prozentsätze verwenden), ändern Sie Ihre Füllung auf einen Prozentwert und addieren Sie sie auf 100 Prozent.

Zum Beispiel:

%Vor%

Ich fand auch eine Alternative mit Überlauf: ausgeblendet, um die Bildlaufleiste zu entfernen. Dies wird Ihr Problem jedoch nicht beheben, da das Padding immer noch das Fenster überläuft, nur nicht sichtbar.

%Vor%

Siehe die hier .

    
Undefined 01.10.2012 17:16
quelle
0

Dies könnte an den Rändern und dem Auffüllen des Körpers liegen.

Fügen Sie diesen Block Ihrem Körper hinzu, um zu sehen, ob es hilft:

%Vor%

Außerdem definieren Sie das Padding für ein bereits 100% Element und machen es größer als den Body.

    
Tim Ferrell 01.10.2012 17:17
quelle
0

entferne padding , wenn es notwendig ist, dann reduziere width .

Versuchen Sie, sie in Prozenten wie

zu behalten %Vor%

Wenn sie hinzugefügt werden, sollte sie kleiner oder gleich 100% sein. Wenn Sie margin haben, dann überlegen Sie es auch. (nehme margin:5%; an)

Zum Beispiel:

%Vor%

Dies gilt auch für horizontale (Breite) oder vertikale (Höhe) Anpassungen.

    
Mr_Green 01.10.2012 17:15
quelle
0

Oft passiert horizontaler Überlauf aufgrund eines Elements mit einer Deckkraft von 0. Sie können das Element nicht sehen, aber es führt zu einem horizontalen Überlauf. Fügen Sie css den folgenden Code hinzu.

%Vor%     
Moovon 22.09.2015 07:33
quelle

Tags und Links