float とは“浮く”という意味です。
右に行ったり左に行ったりふらふら〜。
CSSでは回りこみを指定する設定をします。
初心者がカスタマイズしているうちに、サイドバーなどが下に落ちてしまう、コンテンツが幅に収まらないなどのトラブルに陥り、にっちもさっちもいかなくなるときは、こちらを見直しましょう。
float: left;
左にフロートさせ、続きは右に回り込む。
float: right;
右にフロートさせ、続きは左に回り込む。
float: none;
フロートの指定はしない。または、フロートを解除。
float: inherit;
親要素のフロートを継承。
知識がない私が難しい説明を読んでもわかるわけない。動きはわかるけど自分で設定が出来ない。
そんなときはどうするか(笑)ひたすら書き換えてみたらそのうち上手くいった。
まぐれなんで再現性はない(笑)
こちらのサイトがわかりやすそうだから、今度ゆっくりここで勉強しようと思う。