HTMLとCSSはなんてクソなんだ

HTMLとCSSはなんてクソなんだと、あなたに言わせるかもしれない理由。一般的にイライラさせられるHTMLとCSSの困惑、間違い、ジレンマの厳選した一覧。

WTF, HTML and CSS?
https://makotot.github.io/wtf-html-css/

Bootstrapの神様が作成したありがたいリスト

floatの要素はドキュメントの順番において常に最初にくるべきです。floatの要素は囲う何かを必要とします。そうしないと内容に次いで表示されるのではなく、下に入り込んでしまいます。

えぇ…
知らなかった

要素2つ使ってるときもかね
このブログの投稿一覧は画像を左、ジャンプリンク(続きを読む)を右にしてるだけなんですが
floatの要素は囲う何かを必要とするそうなので、画像には入れました

もしfloatが使用されていれば、おそらくclearする必要があります。floatを使用した要素につづくどんな内容も、クリアされるまでその要素に巻きつきます。floatを解除するには、以下のいずれかのテクニックを使いましょう。

あとは clearfix も親コンテナに入れました

他も目を通しておかねば