Div, um die gesamte verbleibende Breite aufzunehmen [duplizieren]

8

Ich habe ein Eltern-Div und zwei Divs drin. Das erste Kind Div ist 50px breit und 100% Höhe. Zweites Kind div ist 100% Höhe und ich es, Rest der Breite zu nehmen (100% - 50px) wie mache ich das?

Hier ist die Geige, die ich erstellt habe: Ссылка Grundsätzlich möchte ich das blaue div (rechts) den Rest des grauen Containers komplett belegen.

%Vor%     
sublime 13.05.2013, 19:03
quelle

5 Antworten

20

Meinst du wie das ?

%Vor%

CSS

%Vor%

Aktualisierung:

Sie können auch calc() Eigenschaft in CSS3 verwenden, was diesen Prozess wie

erleichtert %Vor%

Demo 2

    
Mr. Alien 13.05.2013, 19:06
quelle
1

Ändere einfach dein rechtes div:

%Vor%     
Half_Baked 13.05.2013 21:39
quelle
0

Sie könnten einen 50px Rand zu right hinzufügen und es floaten.

    
Daniel A. White 13.05.2013 19:04
quelle
0

Was ist mit der Bearbeitung Ihrer richtigen Klasse, damit sie so aussieht:

%Vor%     
RelevantUsername 13.05.2013 19:07
quelle
0

Sie könnten auch mit einer absoluten Position für die rechte Spalte arbeiten. Betrachten Sie dieses Beispiel:

%Vor%

Siehe auch diese Fiddle . Beachten Sie, dass Sie position: relative für den übergeordneten Container festlegen müssen, damit dies möglich ist.

    
ACJ 13.05.2013 21:55
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Android Valgrind Build schlägt fehl