NG: float の解除を忘れると親の高さが0になる

float: left（親の高さが0）
float: left

← この文は float した要素と重なって表示されます

OK: clearfix で解除する

float: left（親の高さが正しい）
float: left

← この文は float の下に正しく配置されます

NG: 幅の合計が100%でborderがあると溢れる

50%＋border
50%＋border（溢れる）

OK: box-sizing: border-box で解決

50%＋border（収まる）
50%＋border（収まる）