Elemente mit CSS um Elemente herum positionieren

8

Ich möchte dieses Ergebnis mit HTML und CSS erreichen:

Wo die rote Box ein großer Inhalt ist (Ein PDF-Inhalt), und die blauen sich darum herum organisieren. Zuerst an seiner Seite und dann, wenn genug Platz ist, darunter.

Meine HTML-Struktur ist wie folgt, aber ich kann es ändern:

%Vor%

Die Positionierung bleibt jetzt so:

Ich weiß nicht, ob das möglich ist, ohne zwei Container einzurichten (einen auf der Seite, einen darunter), was ich tun kann, aber würde mich dazu bringen, viel JS zu schreiben.

    
Marcos Lima 28.09.2015, 19:51
quelle

4 Antworten

2

Sie könnten so etwas für die Listenelemente tun, natürlich reagiert es nicht, aber Sie können% oder Medienabfragen verwenden, um es zu optimieren.

%Vor%

Ссылка

    
Tom Sarduy 28.09.2015, 20:04
quelle
9

Sie können erreichen, was Sie wollen, indem Sie alle Elemente schweben und Geschwister voneinander haben.

%Vor% %Vor%
    
Marcelo 28.09.2015 19:59
quelle
2

Ich persönlich würde Floats nicht benutzen. Ich empfehle einen Spalten- / Zeilentyp des Layouts. Hier ist eine Geige: Ссылка

benutze einfach display: inline-block und verwende plain div s, wenn du willst, dass etwas eine neue "Zeile" ist

neue Geige: Ссылка

oder das: Ссылка

    
duxfox-- 28.09.2015 20:07
quelle
1

Sie können die bereits von Bootstrap bereitgestellte Gitterstruktur überprüfen. Alternativ können Sie auch versuchen, dies zu erreichen, indem Sie float : left auf alle quadratischen Elemente anwenden.

    
asm 28.09.2015 19:59
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Gibt es einen Unterschied zwischen TParallel. & For und TParallel.For?