100% width div wird abgeschnitten, wenn ich nach rechts scrolle, wenn mein Browserfenster kleiner ist als divs Inhalt

8

Ich hatte ein Problem auf meiner eigenen Seite mit einem <div> , das 100% Breite haben soll. Der Code dafür ist unten gezeigt.

%Vor%

Das funktioniert großartig, außer für das folgende Problem:

Wenn mein Browserfenster kleiner ist als der Inhalt von <div> , und ich einen Bildlauf nach rechts mache, bewegt sich mein <div> mit dem Rest der Seite nach links, anstatt 100% der Bildlaufbreite der Seite zu belegen Bereich.

Dieses Problem hat mich für ein paar Stunden gestört und erst vor kurzem habe ich festgestellt, dass viele andere Websites das gleiche Problem haben. Einschließlich Facebook.com und Stackoverflow.com werfen Sie einfach einen Blick auf meine Schnappschüsse.

Facebook's Bug:

Stackoverflow-Fehler:

    
Web_Designer 02.07.2011, 02:47
quelle

4 Antworten

8

Ok, habe es gelöst! Ich muss nur die Eigenschaft min-width auf die Breite des Inhalts dieses <div> setzen.

Danke trotzdem Jungs!

    
Web_Designer 02.07.2011 03:00
quelle
0

Wie hast du das versucht? Getestet in IE7:

%Vor%     
Davis 26.06.2012 13:40
quelle
0

Ich habe width: auto; ausprobiert und es hat geholfen.

    
nikli 18.09.2013 19:43
quelle
0

Ich habe dieses Problem mit display: inline-block für mich selbst gelöst. Hier ist ein Beispiel: Ссылка . Hinweis: Wenn Sie versuchen, die Breite des langen Inhalts festzulegen, z. B. 200% , funktioniert die Lösung nicht mehr.

    
loshad vtapkah 21.12.2014 18:56
quelle

Tags und Links