🦍
floatで横並びにならない (超端的に)
以下HTMLについて，a, b, cを横並びにしたいとき
<div class="parent">
<div class="child">a</div>
<div class="child">b</div>
<div class="child">c</div>
</div>
CSS（失敗例）
.parent {
float: left;
}
CSS（成功例）
.child {
float: left;
}
parentの中身を並べたいからといって，parentのCSSをいじってもダメ，と言うことですね
ただ実は，親要素(parent)のCSSをいじる方法もあるので，そちらについては以下をご参照ください
こちらに記事に書いてあるやり方だと，floatで背景ズレる問題 (詳細は以下の記事参照) も解決できるので，おすすめです。
Discussion