Erstellt div 100% Breite des Browserfensters

7

Ich versuche, einen meiner Container 100% der Breite des Bildschirms zu machen.

Hier ist mein SASS

%Vor%

und HTML

%Vor%

Ich möchte # neo_main_container1 die volle Breite des Bildschirms haben. Offensichtlich, weil es ein Kind von #neo_wrapper ist, wird die Einstellung der Breite auf 100% es 960px machen. Ich bin mir sicher, wie man dieses Problem umgehen kann, also würde jede Hilfe geschätzt.

Aktualisiert: Hier ist meine JS-Geige: Ссылка

    
Mike K. 17.07.2014, 16:15
quelle

5 Antworten

25

Es gibt neue Einheiten, die Sie verwenden können:

vw - Breite des Darstellungsbereichs

vh - Höhe des Ansichtsfensters

%Vor%

Hilfe / MDN

Opera Mini unterstützt das nicht, aber Sie können es in allen anderen modernen Browsern verwenden.

CanIUse

    
Luke 17.07.2014, 16:18
quelle
4
%Vor%

Im Grunde fixieren wir die Position des Divs unabhängig von seinem übergeordneten und positionieren es dann mit dem Rand: 0 auto; und stellt seine Position in der oberen linken Ecke ein.

    
Christopher 'Solidus' DeJong 17.07.2014 16:22
quelle
0

Versuchen Sie, ihm eine Position zu geben: absolut;

    
Doug Steinberg 17.07.2014 16:18
quelle
0

Wenn width:100% in jedem Fall funktioniert, benutze das einfach, sonst kannst du in diesem Fall vw verwenden, was relativ zu 1% der Breite des Ansichtsfensters ist.

Das heißt, wenn Sie die Breite abdecken möchten, verwenden Sie einfach 100vw .

Schau dir das Bild an, das ich für dich zeichne:

Probieren Sie das Snippet aus, das ich für Sie erstellt habe:

%Vor% %Vor%
    
Alireza 16.06.2017 07:06
quelle
-1

konnte es mit JavaScript

herausfinden %Vor%     
Mike K. 22.07.2014 14:39
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Rails4 Friendly_id Einzigartige Slug-Formatierung