Jeff Starr tweetete kürzlich einen einfachen Tipp
Wenn Sie ein Inline-Element mit `float` versehen, wird es als Block behandelt, daher ist es nicht nötig, `display: block;` in Ihrem Stylesheet anzugeben.
Das ist in der Tat genau das, was passiert. Die Spezifikation
Die Werte dieser Eigenschaft haben folgende Bedeutungen. Links: Das Element generiert eine Block-Box…[eigentliche Details darüber, wie Floats funktionieren]
Browser implementieren dies genau so. Hier ist ein LOLCSS-Screenshot, um die Dinge zu verdeutlichen
Das bedeutet, dass Sie `width` und `height` Eigenschaften verwenden können und das Element diese respektiert. Was es nicht bedeutet, ist, dass sich das Element automatisch auf die Breite seines Elternelements erstreckt, wie nicht-gefloatete Blockelemente es tun. Seine Breite und Höhe wird entweder das sein, was Sie festlegen, oder, wenn Sie nichts festlegen, sich an den Inhalt anpassen, den Sie hineinlegen.
Es funktioniert genau gleich für absolut positionierte Elemente.
Interessant zu wissen, danke Chris.
nett, obwohl ich ein wenig enttäuscht war, keine LOLCSS-Seiten zu finden... :(
Ich habe ebenfalls sofort nach LOLCSS gegoogelt und war ähnlich enttäuscht.
Guter Tipp aber!
Morgen... von denselben Leuten, die Ihnen wtfjs.com gebracht haben, wahrscheinlich. hehe
und noch besser... die Domain ist noch zum Kauf verfügbar.
Ich gebe ihm ein paar Tage, höchstens, ab Zeitpunkt dieses Posts, bis es online geht...
(und kurz darauf ordentlich in meinem Reader eingebettet)
Habe gerade die Domain überprüft und Chris hat sie bereits registriert :-)
http://who.godaddy.com/WhoIs.aspx?domain=lolcss.com
Na super, da bin ich wieder.
Ich hatte kurz überlegt, es zu kaufen... es saß sogar in meinem Warenkorb. Aber ehrlich gesagt, habe ich einfach keine Zeit, etwas damit zu machen...
Froh, dass es jemand gegriffen hat, der es gut nutzen wird... um uns vor den Leekspins des Webs zu retten
Äh, ich habe heute etwas Neues gelernt. Wusste nicht, dass es das Element automatisch zu einem Block macht, wenn es gefloatet wird. Ich habe es immer als Block deklariert, wenn ich es so verhalten lassen wollte.
Was jedoch üblich ist, ist, dass ich, wenn ich ein Blockelement floate, es oft auf `inline` setze, um den IE6-Doppelmargin-Bug zu vermeiden.
Guter schneller Tipp! Mach weiter so, Chris!
Schön, danke für das Teilen
Wir wollen mehr LOLCSS-Bilder! :)
(ja, ich habe es auch gegoogelt und war genauso enttäuscht)
Und das wusstest du vorher nicht?
http://www.w3.org/TR/CSS2/visuren.html#dis-pos-flo
Nun, deine Mutter wusste es nicht, also dachte ich, ich poste es hier, um sie auf dem Laufenden zu halten.
Ich scherze.
Aber im Ernst, ich werde hier Tipps auf jedem Niveau posten, solange ich sie interessant finde.
vielleicht wusste seine Mutter ES ja doch?!
http://xkcd.com/341/
Das einzig Bessere als der Tipp (danke übrigens) war das Runterlesen, um diesen Jabberniet, der zerquetscht wird, zu lesen. Hristo – schreib deiner Mutter und entschuldige dich...
Toller Tipp – danke.
Tolle Sache zu wissen, Chris, danke nochmals!
Wow – toller Tipp. Ich habe mich sehr an die Art und Weise gewöhnt, wie der Inspector in Chrome die berechneten Stile anzeigt, einschließlich Browser-Spezifikationen/Standardwerte.
Ich habe gelacht.
Ich würde gerne einen Witzartikel über LOLCODE sehen. Es gibt einen PHP-Parser, sodass Sie damit tatsächlich eine einfache Web-App schreiben könnten. Lulz.
Noch besser, hier gibt es eine Hack-Möglichkeit für ein klassisches IE6. Wenn man ein Element nach links floatet und ihm einen linken Rand gibt (oder nach rechts floatet mit rechtem Rand), würde IE6 diesen Rand fälschlicherweise verdoppeln. Die einfachste Umgehung war, das Element zu floaten, aber seinen `display`-Wert auf `inline` zu setzen. Da es gefloatet war, würde `display: inline` überschrieben, aber der Margin-Bug wäre im Prozess behoben.
Ja, verwende das schon eine Weile. Dummes IE6 brauchte immer zufällige Fixes.
Es gibt noch eine weitere nützliche Funktion dieses Verhaltens. Floats passen sich standardmäßig an ihren Inhalt an. So können Sie tatsächlich Blockelemente haben, die sich wie Inline-Elemente verhalten.
Guter Tipp zum Inline-Element. Danke.
Bro, ich möchte einige Übungen zu HSL-Eigenschaften in CSS3 sehen. Wenn Sie freundlicherweise einige Beispiele dazu geben, wäre das großartig.
Danke
Chris, mach weiter so! Guter schneller Tipp!
äh, duh... Ich hätte nicht erwartet, diese Art von sehr, sehr grundlegenden Informationen auf css-tricks.com zu finden.
Auch
Was Sie INKLUDIEREN MÜSSEN, ist `display:inline`, wegen des IE-Float-Doppelmargin-Bugs... zumindest, wenn Sie Ränder auf Ihre gefloateten Elemente anwenden.
Sie sollten gefloateten Elementen IMMER Breiten geben
http://www.w3.org/TR/CSS2/visuren.html#floats
Es ist mühsam, aber so ist es nun mal. Wenn Sie das nicht tun, kann das in bestimmten Browsern zu echten Problemen führen.
Also sollte jedes Bild, das ich floate, eine eigene Klasse erhalten, um eine Breite festzulegen? Sie und ich wissen beide, dass das sehr albern wäre. Divs sind eine andere Sache.
Chris hat den Nagel auf den Kopf getroffen.
@John, haben Sie sich die von Ihnen verlinkte Spezifikation überhaupt durchgelesen? Floats mussten in CSS2 eine Breite haben, aber das wurde in 2.1 geändert, wie Sie in Ihrem Link und in Abschnitt 10.3.5 derselben Spezifikation sehen können.
Wenn die `width` als `auto` (Standard) berechnet wird, ist der verwendete Wert die "shrink-to-fit"-Breite.