/ / Was ist der beste Weg dies zu gestalten? Schwimmt oder gibt es einen besseren Weg? Bild beigefügt [geschlossen] - HTML, CSS, Frameworks

Was ist der beste Weg dies zu gestalten? Schwimmt oder gibt es einen besseren Weg? Bild beigefügt [geschlossen] - HTML, CSS, Frameworks

Sorry über die Rauheit des Bildes, aber jedesBox wird in einem div auf meiner Website sein. Ich möchte, dass es reaktionsfähig ist, also gut auf verschiedenen Bildschirmgrößen funktioniert, also weiß ich, dass ich% verwenden muss, wenn ich die Breite jedes Divs definiere, aber Floats den richtigen Weg nehme? Gibt es einen einfacheren Weg dies zu tun als nur die Divs zu schweben? Und ich bin mir nicht sicher, ob das auch funktionieren wird.

http://i.stack.imgur.com/zOuYF.jpg

Antworten:

4 für die Antwort № 1

Um dies zu tun, würde ich ein paar mehr Divs verwenden: Überarbeitete Layout-Skizze

Dein größtes Div wird nach links schweben; dann die zweiblau umrandet (meine Ergänzungen), schwebte auch links. Fügen Sie innerhalb dieser blauen divs Ihre eigenen zwei oder drei divs hinzu, keine floats. Dies ist der einfachste Weg, um dieses Layout zu erhalten. Um die besten Ergebnisse zu erzielen, sollten Sie alle Stile in einem Stylesheet für einen besseren Caching- und Wartungsaufwand beibehalten.


0 für die Antwort № 2

Sie müssen das nicht unbedingt mit gestaltenGleitende divs haben Breiten mit Prozentsätzen zugewiesen. Sie könnten stattdessen eine CSS-Klasse für die verschiedenen Arten von Plattformen entwerfen, die Sie unterstützen möchten, und diese dann mithilfe von CSS-Medienabfragen umschalten. So können moderne Frameworks wie Twitter Bootstrap diese Aufgabe erfüllen.

Beispielsweise : http://twitter.github.com/bootstrap/scaffolding.html#responsive