>>144
もう今は要素の配置はflexで全部済むから、floatやclearfixは覚えなくていいよ
時間の無駄、他の事に時間を使おう

回答を言うと、全ての時にちゃんとclearは効いている
インライン要素(文字列)の位置に惑わされているだけ

inline-blockでもこうやれば分かる
https://jsfiddle.net/8hw125m8/

後、floatは文字列の処理がかなりとっつきにくいから、
line-heightじゃなくheightを使ってテストした方がいい
じゃないと要素全体がずれているように見える。ってか俺も見えた