質問: ``` .header-menus { float: right; padding-right: 20px; } .header-menus li { float: left; line-height: 64px; font-size: 13px; color: white; padding-left: 15px; } ``` ``` TweetAppとは ``` プログラミング学習サイトで段階的にホームページを作成してところです。 まだHTMLが未完ながら勉強として写経していたのですが、上記のHTMLに対してだと、CSSのfloatが矛盾しているように思うのですが、今後、HTMLが付け足される中で、解消されて行くものなのでしょうか。 気になると前に進めない性格なので、質問させて頂いてます。よろしくお願いします。
回答: 学習サイトでどんな画面を作ってるのか分からないのでclass名からの想像ですけど、 多分、こんな構造になってて、 ``` ロゴ メニュー メニュー メニュー ``` `.header-menus`に対する`float:right`は、ヘッダー領域の中でメニューエリア自体を 右寄せする(ロゴが左寄せ)ためのもので、 `.header-menus li`に対する`float:left`は、ヘッダー領域の中で右寄せして配置した メニューエリアの中で、メニュー項目を横並びにするためのものなんじゃないですかね?