ChrisB: Inline-block und Prozentangaben

Beitrag lesen

Hi,

wenn ich für inline-block-Elemente fixe Breitenangaben setze (z.B. width: 20rem;), so werden sie nebeneinander (eben 'inline') dargestellt, wenn ich hingegen Prozentangaben (z.B. width: 50%;) ausweise, so verharren die Elemente untereinander und füllen nur die angegebenen Prozente des Bildschirms aus, wohingegen sich float-Elemente sehr wohl nebeneinander anordnen.

Wieso ist das eigentlich so?

Vermutlich wegen dem ein Leerzeichen breit dargestellten Whitespace, der sich zwischen deinen Elementen befindet – und der zwei mal 50 Prozent plus eben diesem Whitespace zu mehr als 100 Prozent summieren lässt.

http://css-tricks.com/fighting-the-space-between-inline-block-elements/

...und lassen sich mit Prozentangaben ausgewiesene inline-block-Elemente nur durch float dazu bewegen, sich nebeneinander anzuordnen

Nein, natürlich nicht.

(wobei ich hier dann ganz provokant die Sinnfrage nach inline-block stelle)?

Float und inline-block sind zwei vollkommen verschiedene Paar Schuhe (auch wenn sich damit teilweise ähnliche *Effekte* erreichen lassen).

MfG ChrisB

--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?