HTML CSS 要素を配置する際の疑問点

Question

プロゲートの講座を進めています。

画像を伏せてのご説明になりますがご了承ください。

画像にてロゴとリストをそれぞれ左右に配置するために、footer-logoにはfloat: left;を指定していますが、Progateのロゴはすでに左に配置配置されているのにもかかわらず、なぜfloat: left;を記述しているのでしょうか？

リストは左側にあるので、float: right;で右側に寄せているのはわかります。

講座を見返してみましたが、私の疑問を解決してくれる文面は見当たりませんでした。

Comments

[K_3578]

真意はProgateにしかわからないからあくまで推測だけど
ブラウザ毎のデフォルトのcssに影響されないように記述してるのかなぁ･･･と思った

[miyabi_pudding]

ご自身で、float: leftを切った時の動きは見てみましたか？

[HdNu]

動きは試して確認しました。それでも理屈がよくわかりませんでした。

Answer 1

float: leftをつけないと、
右に寄せた要素は、
左に配置している要素の高さ分、下に下がってしまうからです。
同じ上下位置に配置するために、
float: leftをきかせているのかと思われます。

Comments

[HdNu]

回答いただきありがとうございます。