質問: 現在、プログラミングスクールの課題でwebサイトを作成しているのですが、floatさせた要素に関して分からないことがあります。 コードが長くなってしまった為、作成したコードは他サイトにて公開する形を取らせて頂きましたので、お手数ですがそちらの方から見て頂けましたら幸いです。 公開しているコードのcodepanというサイトのリンクになります。 分からない点に関してなのですが、CSSのコードにおきまして、asideの部分にfloatを設定しますと、以下の画像のようになります。 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/01a42c8ec3b2904108b775fdc632d445.png) ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/44d3a4a10ee287fe0388dc2ef583e20a.png) ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/a5370ff5b87adaea02f109c46246a06f.png) しかし、floatを設定しない場合だと、以下の画像のように上に詰めた状態になります。 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/e9015a28fa8f69e0b9351ea0b676a519.png) ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/f861092fd484bc042584a5cabaac56c9.png) ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/e983c4267e86c64358f7b7df9ee99be9.png) asideにfloat設定した場合としなかった場合で何故変わってきてしまうのか、この点につきましてどうしても分からなかった為、ご質問させて頂きました。 コードが長くなってしまい、すみません。どなたかご解説いただけますようでしたら、よろしくお願いいたします。
回答: ソースコードが画像で貼られているため細かい検証ができませんが、 ざっと見た感じではfloat指定の有無でadide要素が回り込んでしまっているように思います。 参考:CSS floatを初心者向けに図で解説 抑えるべき注意点とは?